使用Google Chart API绘制组合图

来源：互联网发布：战网网络初始化失败编辑：程序博客网时间：2024/04/25 19:23

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="width: 400px; height: 600;"></div>  </body></html>

0 0