谷歌可视化不起作用
Google Visualization Not Working?
我有下面的代码来绘制烛台可视化。但是没有生成可视化。我无法使用错误控制台跟踪错误!
<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.
...
下面是一个工作示例
http://jsfiddle.net/WcKFf/2/相关文章:
- Rubaxa可与聚合物进行排序/拖放不起作用,具体取决于显示器:
- 初始化ng模型时,Angular ui选择占位符不起作用
- 我在页面中使用的jQuery UI可排序项目;不起作用
- jQuery Mobile pageinit在第一次加载页面上不起作用(可复制)
- jQuery 可调整大小() 不起作用(带有示例)
- Google 图表 - 设置选择不会滚动到表格可视化中的选定行
- `ie9`-contenteditable false在父级可编辑时不起作用
- 可折叠<UL><李>不起作用
- 带有附加元素的新数组不会可视化
- jquery对话框可拖动功能不起作用
- 在可视隐藏和可视之间切换不起作用
- 如何修复更改浏览器选项卡时不同步的可视化
- 箭头键在内容中不起作用可编辑
- 带有var视图的谷歌可视化drawTable()不起作用
- 时间线可视化在谷歌应用程序脚本中不起作用
- 谷歌可视化不起作用
- Knockoutjs,FancyForms:可视绑定在使用transformSelect的选择框上不起作用
- 使用ES和Angular的Kibana自定义可视化不起作用
- 谷歌图表:如何在可视化中替换数据表元素,但不在原始表中(DataView方法不起作用)
- 谷歌API可视化图表不起作用