ichartjs是一款基于html5的图形库。使用纯JavaScript语言,利用html5的canvas标签绘制各式图形。ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案。如果你正在开发html5的应用,ichartjs正好适合您。ichartjs目前支持饼图、环形图、折线图、面积图、柱形图、条形图。ichartjs是基于ApacheLicense2.0协议的开源项目。
ichartjs构建项目环境
由于ichartjs是一个js库,所以只要将ichart.js加入你页面的head中就完成了ichartjs的运行环境。代码如下:
例子说明
我们利用2D柱形图来展示HelloWorld的各个字母在字母表中的位置的情况。我们将位置抽象为其高度。来以我们的方式来展示一个不一样的HelloWorld。
ichartjs代码说明
//定义数据
vardata=[
{name:'H',value:7,color:'#a5c2d5'},
{name:'E',value:5,color:'#cbab4f'},
{name:'L',value:12,color:'#76a871'},
{name:'L',value:12,color:'#76a871'},
{name:'O',value:15,color:'#a56f8f'},
{name:'W',value:13,color:'#c12c44'},
{name:'O',value:15,color:'#a56f8f'},
{name:'R',value:18,color:'#9f7961'},
{name:'L',value:12,color:'#76a871'},
{name:'D',value:4,color:'#6f83a5'}
];
上一篇:怎么使用reduce函数