Javascript 添加总标签图表包装器Google图表

Javascript 添加总标签图表包装器Google图表,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,如何将每列上的总标签添加到ChartWrapper google图表? 我试图从谷歌图表中搜索文档,但我是谷歌图表的新手,对我来说并不容易 下面图片的链接是我想要的一个例子。 遵循下面的代码,这是一个简单的代码 google.charts.load('current'{ 回调:drawChart_var, 软件包:['corechart'] }); 函数drawChart_var(){ var dataChart=new google.visualization.arrayToDataTa

如何将每列上的总标签添加到ChartWrapper google图表? 我试图从谷歌图表中搜索文档,但我是谷歌图表的新手,对我来说并不容易

下面图片的链接是我想要的一个例子。

遵循下面的代码,这是一个简单的代码


google.charts.load('current'{
回调:drawChart_var,
软件包:['corechart']
});
函数drawChart_var(){
var dataChart=new google.visualization.arrayToDataTable(
[[{label:'Category',type:'string'},{label:'',type:'number'},
{label:'Base 2',type:'number'},{label:'Base 3',type:'number'},
{label:'Base 4',type:'number'},{role:'style',type:'string',p:{role:'style'}}],
[VAR',0,0,3.42,0',#EEB14C'],[MIX',0,3.42,3.73,0',#69AA51'],
[BNS',0,3.73,3.42,0',#D53C38'],[MTRL',0,3.42,2.34,0',#D53C38'],
[OTHER',0,2.34,2.69,0',#69AA51'],[CORP',0,2.69,0.7,0',#D53C38'],
[COST',0,0.7,1.94,0',#69AA51'],[PNL',0,1.94,0,0',#EEB14C']
);
变量选项={
动画:{duration:1500,easing:'inAndOut',startup:true},
背景色:'透明',条:{group:{width:'85%},
图表区:{左:50,右:20,下:60,上:50,宽:“100%”,高:“70%”,
hAxis:{textStyle:{fontSize:12}},
身高:400,
图例:“无”,
序列类型:“条”,
系列:{0:{type:'candlesticks'}},
工具提示:{isHtml:true,触发器:'tware'},
vAxis:{format:'short',textStyle:{color:'#6161'},viewWindow:{min:0,max:11},
宽度:“100%”,
注释:{stem:{color:“透明”,长度:100},
textStyle:{color:#000000',fontSize:16,}
};
var chart=new google.visualization.ChartWrapper();
setChartType('ComboChart');
图表.setDataTable(数据图表);
chart.setContainerId('chart_var');
图表.设置选项(选项);
chart.draw();
}

要在条形图上方添加标签,可以使用

但是,在这种情况下,蜡烛棒系列不支持注释。
您可以通过查看每个图表类型的支持角色来检查支持哪些角色

因此,我们需要添加第二个条形图系列,然后添加注释列

{ label: 'bar series', type: 'number' },{ role: 'annotation', type: 'string' }
请参阅下面的工作示例,对于条形系列,我们只使用零值

google.charts.load('current'{
回调:drawChart_var,
软件包:['corechart']
});
函数drawChart_var(){
var dataChart=new google.visualization.arrayToDataTable(
[[{label:'Category',type:'string'},{label:'',type:'number'},
{label:'Base 2',type:'number'},{label:'Base 3',type:'number'},
{label:'Base 4',type:'number'},{role:'style',type:'string',p:{role:'style'},
{label:'bar series',type:'number'},{role:'annotation',type:'string'}],
[VAR',0,0,3.42,0',#EEB14C',0',3.42'],[MIX',0,3.42,3.73,0',#69AA51',0',0.31'],
[BNS',0,3.73,3.42,0',#D53C38',0',-0.31'],[MTRL',0,3.42,2.34,0',#D53C38',0',-1.08'],
[OTHER',0,2.34,2.69,0',#69AA51',0',0.35'],[CORP',0,2.69,0.7,0',#D53C38',0',-1.99'],
[COST',0,0.7,1.94,0',#69AA51',0',1.24'],[PNL',0,1.94,0,0',#EEB14C',0',1.94']
);
变量选项={
动画:{duration:1500,easing:'inAndOut',startup:true},
背景色:'透明',条:{group:{width:'85%},
图表区:{左:50,右:20,下:60,上:50,宽:“100%”,高:“70%”,
hAxis:{textStyle:{fontSize:12}},
身高:400,
图例:“无”,
序列类型:“条”,
系列:{0:{type:'candlesticks'}},
工具提示:{isHtml:true,触发器:'tware'},
vAxis:{format:'short',textStyle:{color:'#6161'},viewWindow:{min:0,max:11},
宽度:“100%”,
注释:{stem:{color:“透明”,长度:100},
textStyle:{color:#000000',fontSize:16,}
};
var chart=new google.visualization.ChartWrapper();
setChartType('ComboChart');
图表.setDataTable(数据图表);
chart.setContainerId('chart_var');
图表.设置选项(选项);
chart.draw();
}


谢谢,这会有用的,但是,可以让这个职位更灵活。对不起,这是个问题!
{ label: 'bar series', type: 'number' },{ role: 'annotation', type: 'string' }