我在尝试使用Google可视化API可视化此散点图时遇到一个非常奇怪的问题。
基本上，如果我将第一个数据点设为[0,0]，一切都会好起来，但是，如果删除[0,0]作为第一个点，则不会生成图表。我检查了控制台，这就是它的意思：
“未捕获到的SyntaxError：意外令牌<
未捕获的错误：无效值0,0“
为什么第一点确切需要为[0,0]？
<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(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Camera','Avg Rating'],
[ {v:6000, f: 'Canon EOS-1Ds Mark III'}, 60],
[ {v:5000, f: 'Canon EOS-1Ds Mark II'}, 50],
[ {v:4000, f: 'Canon EOS-1D Mark IV'}, 40]
]);
var options = {
title: 'Breakdown of Camera Models by Price, Photo Rating and Brand',
hAxis: {title: 'Price (USD)', minValue: 0, maxValue: 7500},
vAxis: {title: 'Avg Rating (at peak)', minValue: 0, maxValue: 55},
legend: 'none'
};
var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 1000px; height: 1000px;"></div>
</body>
</html>
最佳答案
这里的问题是{v：value，f：'formatted value'}语法不适用于arrayToDataTable方法（如此处（https://developers.google.com/chart/interactive/docs/reference#google.visualization.arraytodatatable）所述）。如果要使用该语法，则必须手动定义DataTable，然后使用#addRows方法
关于javascript - 未捕获的错误:无效值0,0，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14036003/