最近做项目用到了ECharts 绘制图表,记录下学习过程。奈何我一个后端最近因为项目需求,干了挺多前端的工作,说不定后面就逐渐变成全栈了,哈哈哈。好像跑题了,回到正题~
当前ECharts已经到了4.X版本,推荐直接使用最新版本,官方的文档和说明已经相当完善,下边简单说下学习过程中会用到的页面。
了解ECharts 特性
ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。
除了已经内置的包含了丰富功能的图表,ECharts 还提供了自定义系列,只需要传入一个renderItem函数,就可以从数据映射到任何你想要的图形,更棒的是这些都还能和已有的交互组件结合使用而不需要操心其它事情。
下载echarts
5 分钟上手ECharts
ECharts 术语速查手册
快速了解功能名称,帮助定位到配置项手册
在线定制包体
可自由选择所需图表、坐标系、组件进行打包下载,并且可对渲染引擎、兼容及压缩问题进行设置