• 使用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>
     
  • 相关阅读:
    SpringMvc框架总结
    Spring框架总结
    Redis常用数据类型
    从配置文件中获取list,set,map值
    Oracle数据库编码格式不同造成乱码
    事务
    Spring-动态代理
    关于Maven项目pom.xml文件不报错却有红叉的问题
    Spring—SSJ集成&声明式事务管理
    Spring-构造注入&注解注入&代理模式&AOP
  • 原文地址:https://www.cnblogs.com/txw1958/p/google-chart-api-combo-chart.html
Copyright © 2020-2023  润新知