YESChart beta 1 --- 基于js和flash技术的纯客户端图表组件.
Copyright: (c) 2010 by fins ( http://fins.iteye.com twitter:@finscn )
License: BSD.
=================================
该组件基于 js 和 flash 技术,
其中
展现图表所需的flash 来自 YahooUI 的 chart 模块.
js部分大量借鉴了 ExtJS 3.0 里的chart模块
依赖于 classy.js 和 swfobject.js 两个第三方组件.
( 名字中的 Y 代表YahooUI, E 代表ExtJS, S 代表Simple. )
该组件原创成分并不多 只是对现有技术做的一个整合 精简 以及修改.
请不要因为此原因而指责我(fins)抄袭 剽窃. 谢谢.
使用方法与参数设置 和ExtJS 3.0中的chart模块极其相似, 请参考ExtJS 3.0中的相关文档.
通常将文章中的 Ext. 换成 YESChart. 即可.
其中要特别注意的是, 对数据集的简化, Ext中有个store的概念,而本精简版直接使用json数组.
关于图表的更多设置细节 请参阅 YahooUI的chart.
======================================
使用方法的简单说明:
准备好数据 : 一个js数组,如下
var testData= [{
season: '春',
castA : 100,
castB : 50,
total: 150
},{
season: '夏',
castA : 145,
castB : 100,
total: 245
},{
season: '秋',
castA : 77,
castB : 40,
total: 117
},{
season: '冬',
castA : 56,
castB : 128,
total: 184
}]
定义好 chart对象 , 例如 饼图:
var yc=new YESChart.chart.PieChart({
data : testData , //这里与之前定义好的数据关联.
//下面是一堆设置,这个情详细参考 Ext和YahooUI的文档.
swfWidth : 300,
swfHeight : 200,
dataField : 'total',
categoryField : 'season',
extraStyle : {
legend : {
display: 'bottom',
padding: 5,
font: {
size: 13
}
}
}
})
页面中有放一个div
<div id="pie"></div>
在
页面加载之后的某个时刻 执行:
yc.render("pie"); //参数为 div 的id.
具体的看附件中的demo.html示例吧
截图如下:
分享到:
相关推荐
jeecg-framework-3.3.1.beta.zipjeecg-framework-3.3.1.beta.zipjeecg-framework-3.3.1.beta.zipjeecg-framework-3.3.1.beta.zipjeecg-framework-3.3.1.beta.zipjeecg-framework-3.3.1.beta.zipjeecg-framework-...
javapms-1.2-beta.zipjavapms-1.2-beta.zipjavapms-1.2-beta.zipjavapms-1.2-beta.zipjavapms-1.2-beta.zipjavapms-1.2-beta.zipjavapms-1.2-beta.zipjavapms-1.2-beta.zipjavapms-1.2-beta.zipjavapms-1.2-beta....
HibernateTools-3.2.4.Beta1-R200810311334.zip
jeecg-framework_v2.1.2.beta-20130225.zip.zipjeecg-framework_v2.1.2.beta-20130225.zip.zipjeecg-framework_v2.1.2.beta-20130225.zip.zipjeecg-framework_v2.1.2.beta-20130225.zip.zipjeecg-framework_v2.1.2....
greenplum-db-6.0.0-beta.7-rhel7-x86_64.zip 包含greenplum-db-6.0.0-beta.7-rhel7-x86_64.rpm 安装包,以及安装依赖包: 正在解决依赖关系 --> 正在检查事务 ---> 软件包 greenplum-db.x86_64.0.6.0.0_beta....
dom4j-1.6.1.jar-306 KB jaxen-1.1-beta-6.jar-238 KB
poi-ooxml-3.5-beta6-20090622.jar
softether-client-v4.34-9745-beta-2020.04.05-windows-x86_x64-intel.zip
poi-src-3.8-beta5-20111217.tar.gz
Android Studio Bumblebee 稳定版(android-studio-2021.1.1.20-windows.exe) 大黄蜂,适用于Windows x86_64系统,是Android Studio 4.3(Android Studio Arctic Fox 2020.3.1.26新版本命名)版本之后的新版本Android...
dom4j-1.6.1.jar jaxen-1.1-beta-10.jar
xz-libs-4.999.9-0.5.beta.20091007git.el6.x86_64
包含了dom4j-1.6.1.jar;jaxen-1.1-beta-6.jar;XPathTutorial.chm
解开后其中有两个包,仅操作XML文档的话把dom4j-1.6.1.jar加入工程就可以了,如果需要使用XPath的话还需要加入包jaxen-1.1-beta-7.jar.
jodconverter-3.0-beta-4.jar
jaxen-1.1-beta-9.jar jaxen-1.1-beta-9.jar
PicGo-Setup-2.3.0-beta.0.exe提供快速下载通道。GitHub下载速度太慢避免浪费生命。
jaxen-1.1-beta-6.jar.zip///Dom4j解析xml文档,支持包jaxen-1.1.6.jar,解决java.lang.NoClassDefFoundError: org/jaxen/JaxenException 全都要积分,自己找了好久找到,再当一次雷锋