Google在线Chart API共享使用

最新推荐文章于 2021-08-04 08:32:56 发布

IT流渊

最新推荐文章于 2021-08-04 08:32:56 发布

阅读量1.6w

点赞数

分类专栏： javascript 文章标签： google api visualization function div string

本文链接：https://blog.csdn.net/W3031213101/article/details/6661978

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今天在浏览Google更多产品时，发现了这个在线Chart图表统计API，感觉挺不错的！

它支持：圆饼、曲线、折线、柱状、散点、地质图、树映射、Table、组合图、阴阳烛图等...

见下图：

//示例圆饼
<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Task');
        data.addColumn('number', 'Hours per Day');
        data.addRows(5);
        data.setValue(0, 0, 'Work');
        data.setValue(0, 1, 11);
        data.setValue(1, 0, 'Eat');
        data.setValue(1, 1, 2);
        data.setValue(2, 0, 'Commute');
        data.setValue(2, 1, 2);
        data.setValue(3, 0, 'Watch TV');
        data.setValue(3, 1, 2);
        data.setValue(4, 0, 'Sleep');
        data.setValue(4, 1, 7);

        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, {width: 450, height: 300, title: 'My Daily Activities'});
      }
    </script>
  </head>

  <body>
    <div id="chart_div"></div>
  </body>
</html>

具体网址：http://code.google.com/intl/zh-CN/apis/chart/interactive/docs/gallery.html

IT流渊

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
1
评论
Google在线Chart API共享使用

今天在浏览Google更多产品时，发现了这个在线Chart图表统计API，感觉挺不错的！它支持：圆饼、曲线、折线、柱状、散点、地质图、树映射、Table、组合图、阴阳烛图等...见下图：//示例圆饼 google
复制链接

扫一扫