Fatal编程技术网

Google visualization Google Gauge动画API无法从Google Ajax平台运行

google-visualization

Google visualization Google Gauge动画API无法从Google Ajax平台运行,google-visualization,Google Visualization,下面的代码是从中复制的 load（'visualization'，'1'，{packages:['gauge']}）； setOnLoadCallback（drawChart）； 函数绘图图（）{ var data=google.visualization.arrayToDataTable([ ['Label'，'Value']， [Memory'，80]， [CPU'，55]， [“网络”，68] ]); 变量选项={ 宽度：400，高度：120， 红色从：90，红色到：100， 黄色从：7

下面的代码是从中复制的


load（'visualization'，'1'，{packages:['gauge']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
['Label'，'Value']，
[Memory'，80]，
[CPU'，55]，
[“网络”，68]
]);
变量选项={
宽度：400，高度：120，
红色从：90，红色到：100，
黄色从：75，黄色到：90，
米诺蒂克斯：5
};
var chart=new google.visualization.Gauge（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}
在将它转移到我的主要项目之前，我尝试先将其用作演示。但它似乎不起作用。

是的！这发生在我跳进谷歌图表学习可视化API之后。。但是这篇文章通过+Alex解决了我的问题

<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['gauge']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Label', 'Value'],
          ['Memory', 80],
          ['CPU', 55],
          ['Network', 68]
        ]);

        var options = {
          width: 400, height: 120,
          redFrom: 90, redTo: 100,
          yellowFrom:75, yellowTo: 90,
          minorTicks: 5
        };

        var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id='chart_div'></div>
  </body>
</html>