ichartjs的使用

刚接手一个项目需要前端进行数据统计制图,在网上搜索了一下到ichartjs 感觉不错和设计需求差不多,down下来捣鼓一下就做出这样。

110714_hEBA_1583516.png

翻了半天api接口走读源码也没找到修改图例和条形图上的文字的地方,对照其他demo

111304_vXKh_1583516.png 

总于找到修改的地方

                          legend:{
                            enable:true,
                            align:'center',
                            valign:'bottom',
                            row:1,
                            column:'max',
                            background_color : null,
                            border : {
                                enable : false
                            }
                        },
                        sub_option:{
                            listeners:{
                                /**
                                * r:iChart.Rectangle2D对象
                                * e:eventObject对象
                                * m:额外参数
                                */
                                click:function(r,e,m){
                                    Pie2D(r.get('id'));
                                }
                            },
                            label :false
                        },

就妥妥

111605_ikOz_1583516.png

加上高大上的动画效果和弹出效果,最终的效果就出炉了。

111849_PHnH_1583516.png

后记: 遇到问题不要着急,遇到问题先学习文档,并观察不同的demo。说不定就有答案。不能上来就看源码。

http://www.ichartjs.com/



转载于:https://my.oschina.net/u/1583516/blog/349842

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值