一、准备工作 官网下载(笔者选择的是jquery.jqplot.1.0.8r1250.zip这个版本) 然后读者需要根据自己的情况新建一个项目并且按照如下的方式加载对应的js和css(因为笔者在VS2012环境下新建的,并且所需的js和css都会对应的放到js和css文件夹下,请读者根据自己的...
分类:
其他好文 时间:
2014-09-23 14:36:54
阅读次数:
894
本示例是介绍了 柱状图,饼状图,面积图,折线图的基本用法,详细属性配置请参考ActionScript3.0官方文档API
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var medalsAC:ArrayCollection = ne...
分类:
其他好文 时间:
2014-09-11 19:28:42
阅读次数:
304
1.添加引用highcharts.js和exporting.js2.前台代码如下,相关参数可以从后台配置,支持load加载 $(function () { $('#ResInfoView').highcharts({ //图表展示容器,与div...
分类:
其他好文 时间:
2014-09-10 15:38:30
阅读次数:
138
在目前的一个项目中,需要用到报表表现数据,这些数据有多个维度,需要同时表现出来,同时可能会有大量数据呈现的需求,经过几轮挑选,最终选择了百度的echarts作为报表基础类库。echarts功能强大,界面优美。由于客户是淘宝卖家,因此想要实现每个月全国各个省份各自购力如何,大家可以统计其他的,如果GDP
人口 等等。
百度echarts简介请参考
http://echarts.coding....
分类:
Web程序 时间:
2014-09-09 12:48:08
阅读次数:
773
上一篇文章中介绍了echarts中柱状图的使用,从demo中我们可以看到不管是柱状图还是饼状图或者是折线图,都是导入js,准备option参数。为了使用方便我们下一步要做的就是封装了。
我们把图形类型和图形数据与图形显示分离开来,封装独立的js文件,只要传给他图形类型参数和图形数据参数就能显示出对应的图形,这样就不会出现太多的冗余代码。接下来我们说封装js文件。
是柱状图封装柱状图的j...
分类:
其他好文 时间:
2014-09-07 23:50:36
阅读次数:
559
js代码:后台传參json格式:{ "xList":["09-10", "09-11", "09-12", "09-13", "09-14", "09-15", "09-16"],//x轴的数据(折线、柱形) "yList":[{ "name": "日最高温","data": [28,28,...
分类:
Web程序 时间:
2014-09-06 19:59:33
阅读次数:
277
js代码:
$(function(){
showLine();
showColumn();
showPie();
});
function showPie(){
jQuery.ajax({
type: "get",
url: "csylLine.json",
async: false,
dataType: "jso...
分类:
Web程序 时间:
2014-09-03 16:52:46
阅读次数:
189
最近做的项目中需要用饼状图显示——'问卷调查'的统计结果(之前用过FusionChart做过柱状图的数据展示,那还是两年前的事了),在网上查了下FusionChart实现饼状图显示方面的资料,却发现资料都比较零散、不完整,或者说没有简洁明了的说清楚其用法,到FusionChart官网上去看,无奈是英...
分类:
其他好文 时间:
2014-09-01 13:55:33
阅读次数:
312
1.先来看看要进行表现的页面:myChart.jspFusion Chart TestFusion Charts Free注:以上需要引入需要的js和css,如jquery.js,FusionCharts.js,style.css,Charts文件夹,这其中的大部分都可以在下载的FusionChar...
分类:
其他好文 时间:
2014-09-01 13:54:53
阅读次数:
326
在最近的项目中,需要使用出图,能够查看柱状图,饼状图等效果,刚开始我们用JS写的效果,发现效果不理想,找了一个JS插件发现效果还是不理想,客户也不满意,客户希望要很炫的效果,最后我们使用了FusionCharts。 FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,其....
分类:
其他好文 时间:
2014-09-01 13:52:13
阅读次数:
284