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>