google chart与百度echart比较

前几天因为要做个硬件调试实时图表，刚开始朋友推荐百度eChart。看了觉得效果很酷，在项目中使用了。到实际测试数据时，发现很占CPU。经过优化后，占用率还是较高，而且心跳50ms会有此bug。于是又google下，发现谷歌也有chart图表插件。

可是问题来了，谷歌只有在线的，中国境内你懂的！！离线传送门，自己只整理了line这块功能。

google chart 性能比百度的稳定，配置也简单方便。

示例：

[codesyntax lang=”javascript”]

      google.setOnLoadCallback(test);
      var chart;
      var chartOptions;
      var chartCreate;
      function test() {
        chart = new google.visualization.DataTable();
        chart.addColumn('number', '测试');
        chart.addColumn('number', '线一');
        chart.addColumn('number', '线二');
        for (var i = 0; i < 30; ++i) {
          chart.addRow([i, Math.random(i, 100) * 100, Math.random(i, 60) * 100]);
        }
        chartOptions = {
          title: "模拟测试",
          subtitle:'ll',
          explorer: {
            actions: ["dragToZoom", "rightClickToReset"],
            maxZoomOut: 10,
            keepInBounds: true
          },
          backgroundColor: '#f1f8e9'
        };
        chartCreate = new google.visualization.LineChart(document.getElementById('main'));
        chartCreate.draw(chart, chartOptions);
      }
//动态加数据
      function addData() {
        chart.removeRows(0, 30);
        for (var i = 0; i < 30; ++i) {
          chart.addRow([i, Math.random(-i, 500) * 1000, Math.random(i, 60) * 100]);
        }
        chartCreate.draw(chart, chartOptions);
      }

[/codesyntax]

转载请注明：TUTERM.COM » google chart与百度echart比较