在谷歌列图表中显示条形图上的类型名称
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在谷歌列图表中显示条形图上的类型名称相关的知识，希望对你有一定的参考价值。
我正在使用Google柱形图。
截至目前，我得到了我的图表，如下图所示。
在这里，我在每个类别中都有两列。我想根据它们的类型（Type-1，Type-2）区分它们，如下图所示。我怎么能这样做，这有可能吗？
答案
您可以使用数据列角色 - > 'annotation'
'annotation'列应遵循它在数据表中表示的每个值
请参阅以下工作代码段...
google.charts.load('current', {
packages: ['corechart']
}).then(function () {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Category Type');
data.addColumn('number', 'Type-1');
data.addColumn({role: 'annotation', type: 'string'});
data.addColumn('number', 'Type-2');
data.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 = new google.visualization.ColumnChart(container);
chart.draw(data, {
annotations: {
alwaysOutside: true
}
});
});<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>以上是关于在谷歌列图表中显示条形图上的类型名称的主要内容，如果未能解决你的问题，请参考以下文章