码迷,mamicode.com
首页 > 其他好文 > 详细

ECharts使用

时间:2015-03-19 18:27:08      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:echarts   地图显示柱子图   折线图样式定制   js      

读了一周的echarts代码。

1、总体来说,echarts里面的代码还是比较通俗易懂的。

2、程序中series的处理都是遵循循环的方式,这点在刚开始的时候很让人迷惑。不管有没有用,都是循环一遍进行比较。当然考虑到series不会太多,不至于影响到性能。

还有类似

params.push({
                                seriesIndex: seriesIndex[i],
                                seriesName: seriesArray[i].name || '',
                                series: seriesArray[i],
                                dataIndex: dataIndex,
                                data: data,
                                name: categoryAxis.getNameByIndex(dataIndex),
                                value: value,
                                0: seriesArray[i].name || '',
                                1: categoryAxis.getNameByIndex(dataIndex),
                                2: value,
                                3: data
                            });
不理解后面又覆盖前面这么写的意义是什么。

3、对于series中的一些点线等设置处理上能够做进一步改进就更好了。像tooltip,geoCoord等在一个serie中定义,所有的都有影响,虽然通过变通的方式也能达到目的,但最好能改进成全局是全局,内部是内部。如果要共享,就定义到series外。如果在series中定义,最好就影响本身。

4、整个图标相对还是很灵活的,只要理解canvas,echarts中markpoint,markline的话,实现各种比较个性的要求还是能达到目的。比如地图上各省显示柱状图等,折线图或柱状图每根线或每根柱子显示样式都不一样。


没有长时间和深入使用,有些可能还没有体会到作者的设计意图和处理方式,以上只是个人的一些意见。但起码看到这图表后期应该是很灵活实现自己想要的功能。echarts和传统的图表不一样,更加灵活多样。



ECharts使用

标签:echarts   地图显示柱子图   折线图样式定制   js      

原文地址:http://blog.csdn.net/danielinbiti/article/details/44461011

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!