项目需求,前一阵子利用google chart生成了一些图表.但最终由于扩展性差,且依赖于google,所以放弃了.这里做个备份,以防日后需要用到.对于复杂一些的图表,数据砌得相当头晕!
首先是一个简单的pie chart:
然后是个比较复杂的bar chart:
再是一个比较有意思的map chart:
具体的参数意思可查阅google chart api.
http://code.google.com/intl/zh-CN/apis/chart/docs/making_charts.html
如果提交这么一串URL怪恐怖的,而GET方式提交的数据最多只能是1024字节,就是说如果你的数据量超过这个大小,就不能提交了.所以google chart也提供了post的方式,而post方式理论上是不限大小的.
API上提供的例子是非ajax的,是通过提交表单,刷新页面而显示图片的;但AJAX又存在跨域问题(向google chart post数据超).所以是不能通过ajax post数据得到图表的.如果想无刷新获得图表,可以通过提交form 至指定的 iframe ,在iframe中打开:
<form action='https://chart.googleapis.com/chart' method='POST' id='chart' target="iframe"
onsubmit="this.action = 'https://chart.googleapis.com/chart?chid=' + (new Date()).getMilliseconds(); return true;">
</form>
<iframe src="https://chart.googleapis.com/chart" name="iframe" height="516" width="809"></iframe>
然后要做的就是要将post的数据append至form中.
分享到:
相关推荐
chart图表chart图表chart图表chart图表chart图表chart图表
(asp.net MVC 使用chart图表控件的示例
源码自动生成各种数据后,调用chart控件生成图表的源码程序,仅供测试参考。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
本资源描述了使用MPChart图表前的准备工作,详细说明了工程中配置MPChart的配置过程
基于html5的Chart.js图表,包含许多例子,可以直接拷贝使用
chart图表导出到excel
Delphi7.0源码生成一个柱状图表chart,使用了ntdll.dll,这个直方图表效果如图所示。使用了第三方控件实现的图表制作生成软件,功能比较强大。以下是图表测试源代码: Chart := TChart.Create(nil); try Chart...
Dudas Chart(生成图表) 可以生成圆形 饼状 直线型 等
NULL 博文链接:https://justcoding.iteye.com/blog/626835
由于Livechart.wpf没有直接将chart图表生成图片方法,本实例采用RenderTargetBitmap类实现保存图标图片
Charts 使用多个不同图表库为laravel创建图表
从网上下载的chart图表的资料
C#各种Chart图表的实例,包括:饼图、折线图、3D饼图等等一些各种图的例子,应有尽有!希望对大家有所帮助~!
Chart.js, 使用 <canvas> 标记的简单HTML5图表 Chart.js 使用canvas元素的简单HTML5图表 chartjs.org安装你可以从发布的版本中下载最新版本的Chart.js,或者使用一个 Chart.js ( ) 。通过npm安装:npm in
通过传入动态的数据,在页面上动态生成Flash统计图表,非常好用!
open_flash_chart 开源 免费 图表控件 .net 附带demo dll等,怎么使用,大家慢慢揣摩吧- - 支持开源社区,支持开源项目
react-chartjs - 使用chart.js的常见react图表组件
jQuery组织结构图表插件OrgChart组织结构布局代码是一款可以使用本地数据,或通过ajax调用来完成数据的填充。
FL Chart 一个强大的Flutter图表库,支持折线图、条形图和饼图等
必须安装Framework 3.5 <asp:chart runat="server"/>