接触这个项目,是项目组长已经完成了多数需求,并且有2个项目需要完工的情况下,让我加入,给了我2个表格,让我去设计出统计图。
第一次做统计图,可以说没有任何经验,不知道该如何下手,表格的数据量不少,重要的是分支很多,就准备先找下统计图插件,看下那个比较好用,并且做下对比。
网上说法很多,比较好用的就2个,
1)echarts统计图插件(百度出品)
优点:百度使用canvas可能考虑更多的是浏览器兼容性,只能通过api增加事件,更不容易出问题
2) highcharts统计图(国外)
优点:图表复杂度不高,但是要求高保真(即对放大与缩小的细节有要求),基于 svg 的表现会更好。svg在这个场景比canvas快(性能/实现速度)很多也方便很多,使用自由度更大,更开放
下面是网络上给的对比图。
图表类型 | ECharts | Highcharts |
柱状图(条形图) | 支持 | 支持 |
折线图(面积图) | 支持 | 支持 |
饼图(环形图) | 支持 | 支持 |
散点图(气泡图) | 支持 | 支持 |
雷达图 | 支持 | 支持 |
K线图 | 支持 | Highstock支持 |
力导布局图 | 支持 | 不支持 |
和弦图 | 支持 | 不支持 |
地图 | 支持 | 支持(另外还有独立的组件highmaps) |
特色图表(如仪表盘) | 不支持 | 支持 |
拖拽重计算 | 支持 | 不支持 |
数据视图 | 支持 | 不支持 |
图片导出 | 支持 | 支持 |
动态类型切换 | 支持 | 支持(需要自己编写插件但是pie图切换麻烦) |
值域漫游 | 支持 | 不支持 |
大规模散点 | 支持 | 不支持 |
数据区域缩放 | 支持 | 支持 |
图例开关 | 支持 | 支持 |
多维度堆积 | 支持 | 支持 |
混搭 | 支持 | 支持 |
3D | 暂不支持 | 支持 |
是否免费以及收费 | 免费 | 非商业免费 价格在90美元~3600美元 |
相对来说echarts比较容易入门,就选择了echarts。