Google Motion Chart的数据行数量是否有任何限制?

时间:2015-05-27 00:14:37

标签: javascript flash charts google-visualization

我对谷歌运动图表有一个奇怪的问题,当我有少量数据行时它们工作正常,但是当我有更多(如8000)时,它们表现得很奇怪。它们通过显示实际数据开始变慢,但突然显示错误时间单位的错误数据。数据仅适用于160个时间单位,但适用于许多实验。我使用了确切的代码作为动态图表提供的示例,但使用了我自己的数据。

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["motionchart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Fruit');
        data.addColumn('date', 'Date');
        data.addColumn('number', 'Sales');
        data.addColumn('number', 'Expenses');
        data.addColumn('string', 'Location');
        data.addRows([
          ['Apples',  new Date (1988,0,1), 1000, 300, 'East'],
          ['Oranges', new Date (1988,0,1), 1150, 200, 'West'],
          ['Bananas', new Date (1988,0,1), 300,  250, 'West'],
          ['Apples',  new Date (1989,6,1), 1200, 400, 'East'],
          ['Oranges', new Date (1989,6,1), 750,  150, 'West'],
          ['Bananas', new Date (1989,6,1), 788,  617, 'West']
        ]);

        var chart = new google.visualization.MotionChart(document.getElementById('chart_div'));

        chart.draw(data, {width: 600, height:300});
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 600px; height: 300px;"></div>
  </body>
</html>

Motion Chart example

0 个答案:

没有答案