<html>
<head>
<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Mushrooms', 3],
['Onions', 1],
['Olives', 1],
['Zucchini', 1],
['Pepperoni', 2]
]);
// Set chart options
var options = {'title':'How Much Pizza I Ate Last Night',
'width':400,
'height':300};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<!--Div that will hold the pie chart-->
<div id="chart_div"></div>
</body>
</html>
分享到:
相关推荐
网页图表Highcharts实践教程基础篇
Highmaps网页图表基础教程
网页里显示漂亮的图表一直困扰web开发者,现在有了一个优秀的网页图表框架:echart,可以使用js调用函数库,轻松显示折线图,柱形图,饼状图,k线图等数百种图表,并有强大的js交互功能。
web网页图表控件highchart示例
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图...
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图...
highcharts, 源码 实例介绍 实例介绍实例介绍实例介绍实例介绍实例介绍
Highcharts组件支持在网页显示各种图表,包括柱形图,折线图等数学图表,
FusionCharts是如何在网页呈现图表
本压缩包内主要展示的是使用jQchart生成网页图表的实例,比较全面的实例,使用jQchart可轻松生成网页上的柱状图、圆形饼图和曲线图等常用图表,广泛应用于大型统计系统中。
网页图表开发一直是个难题,本框架就是一套完美的图表开发库,使用js脚本语言开发,在网页中轻松调用就可以显示出漂亮的图表,并有强大的js交互功能。
个性化图表解析器,jquery实现,环形图,柱状图,线条图,简单易用,网页效果利器
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用
flash 柱状图源码 支持xml数据源;可用于asp.net;jsp等B/S开发中饼形图报表;可根据个人爱好修改外观;交互性强;用户体验效果好;
使用NodeJS编写的Web代理服务器,以查看,托管和缓存Tesla Solar Energy Monitor网页图表的数据。 注意:特斯拉将在2019年8月1日关闭Solar City PowerGuide网站。为了存档您的历史记录,您需要在此之前使用此应用...
ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等... 标签:网页图表框架
Highcharts-3.0.1,漂亮的统计图表,flash统计图表,json统计图表,网页统计图表,web统计图表
web_diagram_gojs Openerp 6.1 网页图表视图。 使用 GoJS 库
python+pyecharts生成网页可视化图表,同一张网页生成多个图标