【发布时间】:2016-11-02 17:45:07
【问题描述】:
我无法将第一组数据绘制为一条线而不是条形图。此外,我尝试的几个选项都不起作用,包括有一个标题(疯狂的野心,对吧?)。
为什么这不起作用?标题在哪里?我也无法弄清楚如何在启动时制作动画,即使它应该可以正常工作(尝试未在下面显示)。
google.charts.load('current', {'packages':['table','line','corechart','bar']});
google.charts.setOnLoadCallback(draw);
function draw(){
var data = google.visualization.arrayToDataTable([
['Referrals', '%','A','B','C','D','E','F','G'],
['Adams', {v: .3684, f: '36.84%'}, 0,0,3,9,4,14,1],
['Chalk', {v: .9118, f: '91.18%'}, 0,0,2,16,12,21,1],
['Forby', {v: 2.0909, f: '209.09%'}, 0,0,3,17,9,12,1],
['Koehler', {v: .056, f: '5.26%'}, 0,0,0,13,6,13,0],
['Burrey', {v: 0, f: '-'}, 0,0,0,0,0,0,0],
['Roach', {v: .1765, f: '19.65%'}, 0,0,7,43,18,32,1]
]);
var tempOptions = {
title: 'tesssssssssssssssssssssssssssssst',
series: {
0: {axis: 'Percent',type: 'line'},
1: {axis: 'Count'},
2: {axis: 'Count'},
3: {axis: 'Count'},
4: {axis: 'Count'},
5: {axis: 'Count'},
6: {axis: 'Count'},
7: {axis: 'Count'}
},
axes: {
y: {
Percent: {label: '% for Hazard Grade'},
Count: {label: 'Hazard Grade Count'}
}
}
};
var tempTable = new google.charts.Bar(document.getElementById('chart_div'));
tempTable.draw(data,tempOptions);
}
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
【问题讨论】:
标签: charts google-visualization