Echarts框架的基本使用

最近做项目用到了ECharts 绘制图表,记录下学习过程。奈何我一个后端最近因为项目需求,干了挺多前端的工作,说不定后面就逐渐变成全栈了,哈哈哈。好像跑题了,回到正题~
当前ECharts已经到了4.X版本,推荐直接使用最新版本,官方的文档和说明已经相当完善,下边简单说下学习过程中会用到的页面。

了解ECharts 特性

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。

除了已经内置的包含了丰富功能的图表,ECharts 还提供了自定义系列,只需要传入一个renderItem函数,就可以从数据映射到任何你想要的图形,更棒的是这些都还能和已有的交互组件结合使用而不需要操心其它事情。

下载echarts

5 分钟上手ECharts

ECharts 术语速查手册

快速了解功能名称,帮助定位到配置项手册

在线定制包体

可自由选择所需图表、坐标系、组件进行打包下载,并且可对渲染引擎、兼容及压缩问题进行设置

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值