用过Highchars图表组件的朋友应该都知道其可配置性强,但是图表与用户的交互性还是有所欠缺。今天我们就来聊聊一款既配置性强有与用户有着良好交互性的图表ECharts吧!
业界有无数js图表库,不乏优秀的代表,如chartjs,FusionCharts,amCharts,flot,RGraph,jqPlot,gRapha?l等等。有的是免费甚至开源的,有的则是商业的,百度一下就能找到他们。
无法跟他们一一对比,在这选择了知名度很高的Highcharts,一个优秀,成熟的商业图表库。
先看看ECharts和Highcharts都支持哪些图表类型?
图表类型 | ECharts | Highcharts |
柱状图(条形图) | 支持 | 支持 |
折线图(面积图) | 支持 | 支持 |
饼图(环形图) | 支持 | 支持 |
散点图(气泡图) | 支持 | 支持 |
雷达图 | 支持 | 支持 |
K线图 | 支持 | Highstock支持 |
力导布局图 | 支持 | 不支持 |
和弦图 | 支持 | 不支持 |
地图 | 支持 | 支持力度不够 交互性太差 |
特色图表(如仪表盘) | 不支持 | 支持 |
拖拽重计算 | 支持 | 不支持 |
数据视图 | 支持 | 不支持 |
图片导出 | 支持 | 支持 |
动态类型切换 | 支持 | 支持(需要自己编写插件但是pie图切换麻烦) |
值域漫游 | 支持 | 不支持 |
大规模散点 | 支持 | 不支持 |
数据区域缩放 | 支持 | 支持 |
图例开关 | 支持 | 支持 |
多维度堆积 | 支持 | 支持 |
混搭 | 支持 | 支持 |
是否免费以及收费 | MIT Free | 3.0一下非商业免费 价格在90美元~3600美元 |
基于上面的一个关于ECharts和Highcharts两大图表的对比表格,我想大家都对其各自的优势以及趋向性有所了解,其实细细研究和琢磨两者的区别还是有很多地方的。虽然都是基于HTML的Canvas画布进行开发,但是ECharts图表毕竟是基于MVC结构的图形开发包ZRender的基础上进行的,所以各方面还是考虑比较成熟的。