资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

ichartjs怎么用-创新互联

这篇文章给大家分享的是有关ichartjs怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请、虚拟空间、营销软件、网站建设、华阴网站维护、网站推广。

ichartjs是一款基于html5的图形库。使用纯JavaScript语言,利用html5的canvas标签绘制各式图形。ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案。如果你正在开发html5的应用,ichartjs正好适合您。ichartjs目前支持饼图、环形图、折线图、面积图、柱形图、条形图。ichartjs是基于ApacheLicense2.0协议的开源项目。

ichartjs基于HTML5图形图表组件

1.构建项目环境

由于ichartjs是一个js库,所以只要将ichart.js加入你页面的head中就完成了ichartjs的运行环境。代码如下:

2.例子说明

我们利用2D柱形图来展示HelloWorld的各个字母在字母表中的位置的情况。我们将位置抽象为其高度。来以我们的方式来展示一个不一样的HelloWorld。

3.预览

我们先来看下例子最后的预览图,以便使你读起来没有那么乏味。如下图:

ichartjsHTML5图形图表组件代码说明

 //定义数据

 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'}

 ];

感谢各位的阅读!关于“ichartjs怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


当前文章:ichartjs怎么用-创新互联
转载注明:http://cdkjz.cn/article/csshhj.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220