Javascript 在google柱形图中的条形图上显示类型名称

Javascript 在google柱形图中的条形图上显示类型名称,javascript,charts,google-visualization,column-chart,Javascript,Charts,Google Visualization,Column Chart,我正在使用谷歌柱形图 到目前为止,我得到的图表如下图所示。 这里我在每个类别中有两列。我想通过它们的类型(类型1,类型2)来区分它们,如下图所示。我怎样才能做到这一点,这是否有可能。 您可以将数据列角色用于-->'annotation' 'annotation'列应在其在数据表中表示的每个值后面 请参阅以下工作片段 google.charts.load('current'{ 软件包:['corechart'] }).然后(函数(){ var data=new google.visualiza

我正在使用谷歌柱形图

到目前为止,我得到的图表如下图所示。

这里我在每个类别中有两列。我想通过它们的类型(类型1,类型2)来区分它们,如下图所示。我怎样才能做到这一点,这是否有可能。

您可以将数据列角色用于-->
'annotation'

'annotation'
列应在其在数据表中表示的每个值后面

请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=new google.visualization.DataTable();
data.addColumn('string','Category Type');
data.addColumn('number','Type-1');
addColumn({role:'annotation',type:'string'});
data.addColumn('number','Type-2');
addColumn({role:'annotation',type:'string'});
data.addRows([
[Pri#1:'、4000、'Type-1',5000、'Type-2'],
[Pri#2:'、6000、'Type-1',8000、'Type-2'],
[Pri#3:'、1500、'Type-1',3000、'Type-2'],
]);
var container=document.getElementById('chart_div');
var chart=新的google.visualization.ColumnChart(容器);
图表绘制(数据、{
注释:{
永远都是这样
}
});
});