JS Charts生成网页的柱状图,圆饼图以及曲线
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
JS Charts生成网页的柱状图，圆饼图以及曲线图(2009-03-08 17:01:32)
标签：js charts柱状图圆饼图曲线图javascript it分类：网站技术JS Charts 是一个轻量级的免费javascript 基础图表生成器，支持柱状图，圆饼图以及简单的曲线图。不需要在服务器端安装插件，只需在客户端加入javascript代码。JS Chart s 支持XML 和 JSON 数据。图片格式为PNG，兼容所有主要浏览器。
曲线图
柱状图
圆饼图
下载
官方地址：/JavaScript-Components/Charting/JS-Ch arts-245/get/JS-Charts_demo.zip (需要注册)
海外地址：/files/JS-Charts_demo.zip
使用入门
1 解压：将压缩包中的jscharts.js解压到网站的目录中
2 编码转换：在html代码中的
标签对里加入,否则会出错。3 引入js：在代码中添加
方法二：使用外部xml传递数据
xml的标准格式
最容易出错的地方是中文的使用，需要调整各个文件的编码。
高级使用
一个简单的例子如下：
由于JS Charts的语法并不复杂，此处不详述。下面三个途径可以参考：
1 使用下载包中的pdf使用手册。
2 使用下载包中的examples。(注意中文编码的问题)
3 使用JS Charts的在线编辑器生成我们需要的个性化配置，由于功能强大，在次介绍一下使用步骤。
第一步：登录。/login
第二步：进入在线编辑器。/editor
第三步：创建我的新模板。点击“Create new Chart”
第四步：选择一个你喜欢的标准模板，然后点击“Use this template”