<html>
  <head>
    <script type=”text/javascript” src=”http://www.google.com/jsapi”></script>
    <script type=”text/javascript”>
      google.load(“visualization“, “1“, {packages:[“columnchart“]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn(\’string\’, \’Year\’);
        data.addColumn(\’number\’, \’Sales\’);
        data.addColumn(\’number\’, \’Expenses\’);
        data.addRows(4);
        data.setValue(0, 0, \’2004\’);
        data.setValue(0, 1, 1000);
        data.setValue(0, 2, 400);
        data.setValue(1, 0, \’2005\’);
        data.setValue(1, 1, 1170);
        data.setValue(1, 2, 460);
        data.setValue(2, 0, \’2006\’);
        data.setValue(2, 1, 660);
        data.setValue(2, 2, 1120);
        data.setValue(3, 0, \’2007\’);
        data.setValue(3, 1, 1030);
        data.setValue(3, 2, 540);

        var chart = new google.visualization.ColumnChart(document.getElementById(\’chart_div\’));
        chart.draw(data, {width: 400, height: 240, is3D: true, title: \’www.onlose.cn\’});
      }
    </script>
  </head>

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

 

 

版权声明：本文为casystem原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/casystem/articles/1634045.html