JS Charts 生成网页的柱状图_圆饼图以及曲线

gsk2003boy

贡献于2013-06-02

字数:3283 关键词: 图表/报表制作

JS Charts生成网页的柱状图,圆饼图以及曲线图(2009-03-08 17:01:32) 标签:js charts 柱状图 圆饼图 曲线图 javascript it  分类:网站技术 JS Charts 是一个轻量级的免费javascript 基础图表生成器,支持柱状图,圆饼图以及简单的曲线图。不需要在服务器端安装插件,只需在客户端加入javascript代码。JS Charts 支持XML 和 JSON 数据。图片格式为PNG,兼容所有主要浏览器。   曲线图                     柱状图                     圆饼图                        下载 官方地址:http://www.jumpeyecomponents.com/JavaScript-Components/Charting/JS-Charts-245/get/JS-Charts_demo.zip (需要注册) 海外地址:http://www.hostingreviewcenter.com/files/JS-Charts_demo.zip   使用入门 1 解压:将压缩包中的jscharts.js解压到网站的目录中 2 编码转换:在html代码中的标签对里加入,否则会出错。 3 引入js:在代码中添加 。 4 添加容器:在代码中添加
正在生产图表...
5 添加图表所需数据 方法一:使用json传递数据 方法二:使用外部xml传递数据 由于JS Charts的语法并不复杂,此处不详述。下面三个途径可以参考: 1 使用下载包中的pdf使用手册。 2 使用下载包中的examples。(注意中文编码的问题) 3 使用JS Charts的在线编辑器生成我们需要的个性化配置,由于功能强大,在次介绍一下使用步骤。 第一步:登录。http://www.jscharts.com/login 第二步:进入在线编辑器。http://www.jscharts.com/editor 第三步:创建我的新模板。点击“Create new Chart” 第四步:选择一个你喜欢的标准模板,然后点击“Use this template” 第五步:模板设置完成后,保存。 第六步:有2种方式可以使用你刚才创建的模板。Export或Embed code,前者是导出一个压缩文件,文件中包含你需要的所有代码文件,后者是在调用www.jscharts.com的js文件。   推荐使用第3种方式,坦白说,这是懂英文的傻瓜也会用的方式 - 别担心,不是骂你,傻瓜的程度决定了Wordpress和Joomla的市场份额的巨大差距,越傻的东西越好

下载文档,方便阅读与编辑

文档的实际排版效果,会与网站的显示效果略有不同!!

需要 3 金币 [ 分享文档获得金币 ]
1 人已下载

下载文档

相关文档