使用Google Chart API绘制组合图
2013-12-22 11:26
441 查看
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>
相关文章推荐
- 使用Google Chart API绘制组合图
- 使用Google Chart API绘制组合图
- 使用Google Chart API绘制组合图
- 使用Google Chart API绘制组合图
- 使用Google Chart API生成二维码以及制作点子名片
- 使用google chart api生成报表图片
- GoogleMap API入门使用
- google diff python API 使用
- iOS使用Google Map Api…
- 生成QR Code 二维条形码 ----- Google Chart API
- 使用google geocode api获取地址列表 中文显示问题
- Google Map API使用详解(七)——加载Google Map API URL的详细解读
- Google Map API使用详解(二十)——实现Google Map本地搜索框(下)
- 使用Google语音识别引擎(Google Speech API)
- Google Ajax Search API的使用
- 使用Google Font API让网页的文字更漂亮
- Google Map Place API的初步使用
- 使用google jquery api
- 酷!用Google Chart API直接制作图表
- Google Map API使用详解(十)——使用JavaScript创建地图详解(上)