google-visualization 相关问题

我有一段使用谷歌图表API的代码谷歌.负载（'</desc> <question vote="-1"> <p>我有一段使用谷歌图表API的代码</p> <pre><code> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('visualization', '1', {packages: ['annotatedtimeline']}); function drawVisualization() { var data = new google.visualization.DataTable(); data.addColumn('date', 'Date'); data.addColumn('number', 'Artist'); data.addRows([ [new Date(2008, 1 ,1), 30000], [new Date(2008, 1 ,2), 14045], [new Date(2008, 1 ,3), 55022], [new Date(2008, 1 ,4), 75284], [new Date(2008, 1 ,5), 41476], [new Date(2008, 1 ,6), 33322] ]); var annotatedtimeline = new google.visualization.AnnotatedTimeLine( document.getElementById('visualization')); annotatedtimeline.draw(data, {'displayAnnotations': true}); } google.setOnLoadCallback(drawVisualization); </script> <div id="visualization" style="width: 800px; height: 400px;"></div> </code></pre> <p>这有效。 </p> <p>但是，如果我将数据定义放在函数drawVisualization之外并向其传递数据，如下所示，它将不起作用。为什么会出现这样的情况呢？ </p> <pre><code> google.load('visualization', '1', {packages: ['annotatedtimeline']}); function drawVisualization(data) { var annotatedtimeline = new google.visualization.AnnotatedTimeLine( document.getElementById('visualization')); annotatedtimeline.draw(data, {'displayAnnotations': true}); } var data = new google.visualization.DataTable(); data.addColumn('date', 'Date'); data.addColumn('number', 'Artist'); data.addRows([ [new Date(2008, 1 ,1), 30000], [new Date(2008, 1 ,2), 14045], [new Date(2008, 1 ,3), 55022], [new Date(2008, 1 ,4), 75284], [new Date(2008, 1 ,5), 41476], [new Date(2008, 1 ,6), 33322] ]); google.setOnLoadCallback(function(){drawVisualization(data)}); </script> <div id="visualization" style="width: 800px; height: 400px;"></div> </code></pre> <p>非常感谢！</p> </question> <answer tick="false" vote="0"> <p>您没有将 <pre><code>data</code></pre> 传递给它 - 您需要它作为参数，但 <pre><code>google.setOnLoadCallback</code></pre> 没有传递它。删除 <pre><code>data</code></pre> 参数，它应该可以工作：</p> <pre><code>function drawVisualization() { //<-- Note there is no parameter. var annotatedtimeline = new google.visualization.AnnotatedTimeLine( document.getElementById('visualization')); annotatedtimeline.draw(data, {'displayAnnotations': true}); } </code></pre> </answer> </body></html>

javascript google-visualization

回答 0 投票 0

向 Google 饼图添加更多列标题

我的查询是 GROUP BY 2 列，我需要在图表图例中显示第二列。我尝试了一些方法，但没有任何效果。请一些人帮忙。谢谢天使 var 数据 = 新谷歌。

google-visualization

回答 1 投票 0

这种类型的图表有名称吗？可以使用图表引擎创建吗？

几十年前，我在一本 20 世纪 80 年代写的汽车行业书籍中看到了这种图表，从那以后或多或少就对它们着迷，想知道如何创建类似的时间轴...

graph highcharts chart.js google-visualization apexcharts

回答 1 投票 0

如何正确地将Google时间轴图表与Ajax/JSON请求绑定

我正在尝试使用 Google Charts 制作时间线图表，并且遇到了一些问题，我将在下面详细说明。我从一个非常简单的示例开始，然后尝试将其转换为使用 Ajax ca...