google-visualization - 在栏内获取注释 - Google Charts Material
问题描述
有没有办法像 Google Charts Classic 一样在栏中获取注释?我使用谷歌材料图表只是为了让它堆叠以及多轴。
也可以让每一列有不同的颜色。例如,汽车-汽油-红色、汽车-电动-蓝色、卡车-汽油-橙色、卡车-电动-灰色?
google.charts.load("current", {packages:["corechart", "Bar"]});
google.setOnLoadCallback(drawStuff);
function drawStuff() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Difference');
data.addColumn('number', 'Gas');
data.addColumn('number', 'Gas');
data.addColumn('number', 'Gas');
data.addColumn('number', 'Electric');
data.addColumn('number', 'Electric');
data.addColumn('number', 'Electric');
data.addRows([
['Car', 216, 319, 190, 20, 14, 40],
['Truck', 390, 194, 239, 13, 23, 45]
]);
// Set chart options
var options = {
isStacked: true,
legend: { position: "none" },
width: 500,
height: 800,
chart: {
title: 'title'
},
vAxes: {
0:{viewWindow: {max: 1600} },
1:{viewWindow: {max: 90}}
},
series: {
0: {targetAxisIndex: 0},
1: {targetAxisIndex: 0},
2: {targetAxisIndex: 0},
3: {targetAxisIndex: 1},
4: {targetAxisIndex: 1},
5: {targetAxisIndex: 1}
}
};
var chart = new google.charts.Bar(document.getElementById('chart_div'));
chart.draw(data, google.charts.Bar.convertOptions(options));
};
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
解决方案
推荐阅读
- php - laravel 应用程序的 ssl 证书不起作用
- wordpress - 如何加载测试 wordpress 网站?
- php - 将表单数据转换为 PDF 并将该 PDF 存储在服务器上
- github - 来自 RStudio 的 Git 提交错误:“系统找不到指定的路径”
- python - 检查子字符串是否存在于字符串中的特定位置
- javascript - 无法从客户端代码调用位于库中的服务器端函数
- java - Firebase 消息传递仅适用于单独的设备
- c++ - 编译时 Visual Studio 找不到 vcvars64.bat,即使它存在
- amazon-cognito - 如何建立从用户池到 aws appsync 模型的数据关系
- android - 我想在 Multipart 类中获取 SharedPreference 数据