圖表不顯示

我試過下面的代碼來顯示圖表，但由於某種原因，它不工作。我試圖用折線圖顯示不同顏色點的圖表。我試圖創建谷歌折線圖圖表不顯示

<!DOCTYPE html> 
<html> 
<head> 
<script type='text/javascript' src='https://www.google.com/jsapi'></script> 
<script type='text/javascript'> 
google.load('visualization', '1', {packages: ['corechart']}); 
google.setOnLoadCallback(drawLoadChart); 
function drawLoadChart() { 
var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Length'); 
data.addColumn('number', 'Load'); 
data.addRows([ 
[Zero, 0], 
[One, 1], 
[Two, 2] 
]); 
var formatter = new google.visualization.NumberFormat({ 
fractionDigits: 3 
}); 
formatter.format(data, 0); 
var view = new google.visualization.DataView(data); 
view.setColumns([0, 1, 1]); 
var options = {'width':400,'height':300, 
title: 'Load vs Length', 
titlePosition: 'out', 
legend: { 
position: 'none' 
}, 
hAxis: { 
title: 'Length (inch)', 
viewWindow: { 
min: 0 
}, 
format: '#.000' 
}, 
vAxis: { 
title: 'Load (pound)', 
viewWindow: { 
min: 0 
} 
}, 
series: { 
0: { 
color: 'black', 
lineWidth: 2 
}, 
1: { 
color: 'red', 
lineWidth: 0, 
pointSize: 5 
} 
} 
}; 
var loadChart = new google.visualization.LineChart(document.getElementById('line_chart')); 
loadChart.draw(view, options); 
} 
</script> 
</head> 
<body> 
<div id='line_chart'></div> 
</body> 
</html>

預期的圖表有上述3點，但是當我嘗試TryItEditor圖表沒有顯示。

來源

2015-05-23 Testerra Tex

在這裏，你的代碼更改

data.addRows([ 
[Zero, 0], 
[One, 1], 
[Two, 2] 
]);

這個

data.addRows([ 
['Zero', 0], 
['One', 1], 
['Two', 2] 
]);

字符串必須用引號。

來源

2015-05-23 06:37:59

我已經用整數代替了字符串，就像* 0,1,2 *代替* Zero，One，Two *一樣。它仍然不顯示圖表@Rapunzel –

@TesterraTex您是否注意到您已在代碼中指定了'data.addColumn（'string'，'Length'）;'這意味着一列是** String data **。你應該用引號將它寫出來。 –

哦，就是這樣......我沒有糾正這一點。謝謝。得到它了。 –

回答

相關問題