ichartjs中文版是基于Apache License 2.0协议开发的一款为js图形库文件,为用户提供简单、直观、可交互的体验级图标组件,支持饼图、环形图、折线图、面积图、柱形图、条形图等复杂图形。可以极大的方便编程人员。有需要的朋友可以下载!
icharts特点
跨平台:
ichartjs利用HTML5 canvas完成图形绘制工作,这样它有能力在现代的主流浏览器中运用自如。无论是PC上的,还是在Android/iOS上,ichartjs都能在不改动任何代码的前提下提供统一的视图。
轻量级:
ichartjs压缩文件只有90k。如果你只需要单一的图形功能,你也可以只加载你所需要的js文件。 那样代码量会更少。ichartjs不依赖任何其他库。只和浏览器相关。这样给你带来的是一个完全独立的轻量级js组件。
多风格:
ichartjs提供了多个定义样式方面的配置项。通过它们,可以制作出由设计师设计出来的图表风格。
icharts使用教程
1.构建项目环境
由于ichartjs是一个js库,所以只要将ichart.js加入你页面的head中就完成了ichartjs的运行环境。代码如下:

2.例子说明
我们利用2D柱形图来展示Hello World的各个字母在字母表中的位置的情况。我们将位置抽象为其高度。来以我们的方式来展示一个不一样的Hello World。
3.预览
我们先来看下例子最后的预览图,以便使你读起来没有那么乏味。如下图:
4.代码说明



图表类型
ichartjs目前实现的图表类型有:饼图、环形图、折线图、面积图、柱形图、簇状柱形图、条形图、簇状条形图。其中饼图与柱形图有3D视图。
更新日志
ichartjs v1.2更新日志
修复chrome字体小于12px时,导致死循环的问题。
修复柱形图文字被柱子遮挡的问题。
修复由于局部刷导致重叠的问题。
折线图中的折线宽度line_width可以设置为0。
修正了坐标系宽度显示为100%时的效果。注意这个修正会导致原来设置百分比形式的坐标系尺寸变大,请注意修改!
持续优化ichart绘图api。
增加单独设置图例数据配置项。
增加设置字体尺寸单位配置项fontunit。
标题可以单独设置宽度与位置。
实现自定义某一点的颜色。
增加可以在数据中传递额外自定义参数。
增加resize方法。
增加load方法。
增加iChart.create方法,便于创建图表。
新增条形堆积图。