当处理数据或者统计结果的时候 通常会遇到一些报表例如 饼状图 曲线图 柱状图
但是实现起来 往往不是很简单,现在运用google chart可以很轻松实现你的目的了.
先看个示例吧
<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> 更多内容 请参考我的个人博客http://ismartstudio.com/
相关推荐
曲线图,饼状图带文字,环形图带进度
webchart网页统计图标插件.webchart网页统计图标插件
HTML做个样式的报表MICROSOFT CHART 报表,
使用C#和Excel进行报表开发,生成统计图(Chart)
chart 报表控件 详细教程 详细示例及代码
chart图表后台报表html模版_图表 chart 后台 报表 Amaze UI.zipchart图表后台报表html模版_图表 chart 后台 报表 Amaze UI.zip
chart图表后台报表html模版_图表 chart 后台 报表 Amaze UI
chart图表后台报表html模版_图表 chart 后台 报表 Amaze UI.rar
一个完整的在asp.net中做Web chart的例子,包括第三方chart控件,以及完整的代码调用和使用. 绝对是好资源,C#,.NET,ASP.NET,Web,Web Chart,Chart
基于js的Chart绘制工具,各种图都有,内含简单Demo,引用js即可用基于js的Chart绘制工具,各种图都有,内含简单Demo,引用js即可用基于js的Chart绘制工具,各种图都有,内含简单Demo,引用js即可用基于js的Chart绘制...
flashchart技术编写的图形报表代码例子 含代码
b/s模式下 c#通模版操作excel对象处理带有chart的报表
Chart报表控件下载,支持3.5版本,4.0自带就不需要了,很好用的报表控件
接受服务器数据来分析数据用Chart曲线图显示 批注详细 更好让新手熟悉Chart
这是自己做的一个关于chart报表的一个小实例,希望对那些要做chart报表的同志们有些帮助~!
matlab开发-m2googlechart。演示如何从Matlab中生成Java类,以便生成谷歌图表API绘图。
SIMULINK通过Chart实现测量方波频率,含解释说明文件
Web Chart Flot - Flot 为 jQuery 提供的javascript代码库. 容易使用,有特色的图表,提供交互功能(能够放大缩小数据区域等)。 Open Flash Chart - Open Flash Chart 是一个 Flash 图表组件,很容易安装,提供...
vb2015利用chart实现向上抛物曲线动态图像演示,源码文件
chart.js 统计图 柱状图、环形图、曲线图、饼图、极地区域图、雷达图或蛛网图