zoukankan      html  css  js  c++  java
  • 使用Google Chart API绘制组合图

    Google Chart API 绘图 组合图
    作者:方倍工作室 
    地址:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <!-- <head> -->
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>
          Google Visualization API Sample
        </title>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
          google.load('visualization', '1', {packages: ['corechart']});
        </script>
        <script type="text/javascript">
          function drawVisualization() {
            // Some raw data (not necessarily accurate)
            var data = google.visualization.arrayToDataTable([
              ['时间',  'W', 'F'],
              ['2013/01/11',  165,      14.6],
              ['2013/02/12',  135,      22],
              ['2013/03/12',  157,      12],
              ['2013/04/12',  139,      19.4],
              ['2013/05/12',  136,      19.6]
            ]);
    
            var options = {
              title : '张三',
              vAxis: {title: "指数"},
              hAxis: {title: "时间"},
              seriesType: "bars",
              series: {1: {type: "line"}}
            };
    
            var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
            chart.draw(data, options);
          }
          google.setOnLoadCallback(drawVisualization);
        </script>
      </head>
      <body>
        <div id="chart_div" style=" 400px; height: 600;"></div>
      </body>
    </html>
     
  • 相关阅读:
    SGU 271 Book Pile (双端队列)
    POJ 3110 Jenny's First Exam (贪心)
    HDU 4310 Hero (贪心)
    ZOJ 2132 The Most Frequent Number (贪心)
    POJ 3388 Japanese Puzzle (二分)
    UVaLive 4628 Jack's socks (贪心)
    POJ 2433 Landscaping (贪心)
    CodeForces 946D Timetable (DP)
    Android Studio教程从入门到精通
    Android Tips – 填坑手册
  • 原文地址:https://www.cnblogs.com/txw1958/p/google-chart-api-combo-chart.html
Copyright © 2011-2022 走看看