我有以下代码来绘制烛台可视化。但是没有生成可视化。我无法使用错误控制台跟踪错误!。
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
function drawVisualization() {
// Populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number');
data.addColumn('number');
data.addColumn('number');
data.addColumn('number');
data.setValue(0, 0,'Mon');
data.setValue(0, 1, '2');
data.setValue(0,2,'6');
data.setValue(0,3,'8');
data.setValue(0,4,'10');
data.setValue(1, 0,'Mon');
data.setValue(1, 1, '2');
data.setValue(1,2,'6');
data.setValue(1,3,'8');
data.setValue(1,4,'10');
// Draw the chart.
var chart = new google.visualization.CandlestickChart(document.getElementById('visualization'));
chart.draw(data, {legend:'none', width:600, height:400});
}
google.setOnLoadCallback(drawVisualization);
</script>
非常感谢任何帮助! 谢谢!
最佳答案
两个问题:
1 - 您需要先向表中添加行,然后再尝试设置它们的值。
2 - 索引 1、2、3 和 4 的值必须是数字而不是字符串,因为列 1、2、3、4 是数字类型
...
// Populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number');
data.addColumn('number');
data.addColumn('number');
data.addColumn('number');
//Add new rows first
data.addRow();
data.addRow();
data.setValue(0, 0, 'Mon');
data.setValue(0, 1, 2);
data.setValue(0, 2, 6);
data.setValue(0, 3, 8);
data.setValue(0, 4, 10);
data.setValue(1, 0, 'Mon');
data.setValue(1, 1, 2);
data.setValue(1, 2, 6);
data.setValue(1, 3, 8);
data.setValue(1, 4, 10);
// Draw the chart.
...
这是一个工作示例
关于javascript - 谷歌可视化不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7884917/