我的问题是有关Google Charts API的堆积柱形条形图。
我正在尝试从中获得全球趋势线。
<script type="text/javascript">
google.charts.load("current", {"packages":["corechart"]});
google.charts.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var data = google.visualization.arrayToDataTable([['Month', 'OK', 'KO', 'Estimation'],[ '2016/08', 1990, 49, null ],[ '2016/09', 6892, 97, null ],[ '2016/10', 6018, 0, null ],[ '2016/11', 7329, 146, null ],[ '2016/12', 3059, 97, 1827 ]]);
var options = {
isStacked: true,
seriesType: "bars",
legend: "none",
hAxis:{ textPosition: "none" },
vAxis: { viewWindow: { min: 0, max: 8000 } },
trendlines: { 0: {} }
};
var chart = new google.visualization.ComboChart(document.getElementById("bar"));
chart.draw(data, options);
}
</script>
当我添加时，trendlines: { 0: {} },没有任何结果。
我没有在参考指南上找到任何东西。也许它没有实现，还是我做错了？
尽管在文档中未提及，trendlines但仅在连续x轴上受支持
这意味着第一列的值应该是日期，数字等。
字符串值导致离散轴
看到离散与连续...
请参阅以下工作片段...
第一列使用转换为实际日期DataView，从而启用trendlines...
google.charts.load('current', {
callback: function () {
var data = google.visualization.arrayToDataTable([
['Month', 'OK', 'KO', 'Estimation'],
['2016/08', 1990, 49, null],
['2016/09', 6892, 97, null],
['2016/10', 6018, 0, null],
['2016/11', 7329, 146, null],
['2016/12', 3059, 97, 1827]
]);
var view = new google.visualization.DataView(data);
view.setColumns([{
calc: function (dt, row) {
var dateParts = dt.getValue(row, 0).split('/');
return new Date(parseInt(dateParts[0]), parseInt(dateParts[1]) - 1, 1);
},
type: 'date',
label: data.getColumnLabel(0)
}, 1, 2, 3]);
var options = {
isStacked: true,
seriesType: 'bars',
legend: 'none',
hAxis: {
textPosition: 'none'
},
vAxis: {
viewWindow: {
min: 0,
max: 8000
}
},
trendlines: {
0: {}
}
};
var chart = new google.visualization.ComboChart(document.getElementById('bar'));
chart.draw(view, options);
},
packages:['corechart']
});<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="bar"></div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句