Javascript 如何在条上放置标签google.charts.Bar()

Javascript 如何在条上放置标签google.charts.Bar(),javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我需要在我的google.chart.Bar上贴标签(不是google.visualization.BarChart)图表显示正确,但只在条形图上显示鼠标上的值,请帮助我 数据取自隐藏的输入。。。代码如下: var data3 = new google.visualization.arrayToDataTable([ ['Ambitos', 'Programados', 'Terminados',{ role: 'style' }], ['ex', parse

我需要在我的google.chart.Bar上贴标签(不是google.visualization.BarChart)图表显示正确,但只在条形图上显示鼠标上的值,请帮助我


数据取自隐藏的输入。。。代码如下:

    var data3 = new google.visualization.arrayToDataTable([
      ['Ambitos', 'Programados', 'Terminados',{ role: 'style' }],
      ['ex', parseInt(document.getElementById("sumex").value),(parseInt(document.getElementById("sumex").value))-( parseInt(document.getElementById("sumpex").value)),document.getElementById("sumex").value],
      ['ma', parseInt(document.getElementById("summa").value),(parseInt(document.getElementById("summa").value))-( parseInt(document.getElementById("sumpma").value)),document.getElementById("summa").value],
      ['mo', parseInt(document.getElementById("summo").value),(parseInt(document.getElementById("summo").value))-( parseInt(document.getElementById("sumpmo").value)),document.getElementById("summo").value],
      ['re', parseInt(document.getElementById("sumre").value),(parseInt(document.getElementById("sumre").value))-( parseInt(document.getElementById("sumpre").value)),document.getElementById("sumre").value],
      ['tx', parseInt(document.getElementById("sumtx").value),(parseInt(document.getElementById("sumtx").value))-( parseInt(document.getElementById("sumptx").value)),document.getElementById("sumtx").value]]);

    var view3 = new google.visualization.DataView(data3);
    view3.setColumns([0,1,2,
                   { calc: "stringify",
                     sourceColumn: 3,
                     type: "string",
                     role: "annotation" },3]);

    var options3 = {
        legend: { position: "none" },          
                chart: {
                title: 'Resumen General',
                subtitle: 'programados v/s terminados'},
       series: {},
         axes: {  y: {
                      distance: {label: ''}, } },
      chartArea : { width:"95%", height:"80%"} };

      var chart3 = new google.charts.Bar(document.getElementById('barras'));
      chart3.draw(data3, options3);

p、 对不起,我的英语不好

遗憾的是,材质图表上不支持注释(条形标签)

建议使用核心图表,改为使用以下选项

theme: 'material'
应为每个系列列添加单独的注释列,
应该有注释

使用DataView添加注释列时,
确保使用视图(
view3
)绘制图表,
而不是原始数据表(
data3

请参阅以下工作片段

google.charts.load('current'{
回调:函数(){
var data3=新的google.visualization.arrayToDataTable([
['Ambitos','Programados','Terminados',{role:'style'}],
[ex',8,(8)-(6),”,
[ma',6,(6)-(4),”,
[mo',4,(4)-(2),'',
[re',2,(2)-(1),”,
['tx',1,(1)-(0),'']];
var view3=新的google.visualization.DataView(data3);
视图3.setColumns([0,
1.
{
计算:“字符串化”,
资料来源专栏:1,
键入:“字符串”,
角色:“注释”
},
2.
{
计算:“字符串化”,
资料来源专栏:2,
键入:“字符串”,
角色:“注释”
},
3.
]);
var选项3={
图例:{位置:“无”},
图表:{
标题:“简历概述”,
副标题:“programados v/s terminados”
},
系列:{},
轴线:{
y:{
距离:{标签:'},
}
},
图表区:{
宽度:“95%”,
身高:“80%”
},
主题:“材料”
};
var chart3=新的google.visualization.ColumnChart(document.getElementById('barras');
图表3.绘图(视图3,选项3);
},
软件包:['corechart']
});


我对datatable和google.visualization.Query有一个问题,我在这里公开了这个问题,以寻找可能的解决方案。你想看看吗?LaLiberté也参加了(我希望)我会晚些时候再看,这周休假