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

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 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”

相关文档
最新文档