文章目录
多坐标轴
多坐标轴的常见应用就是一个图表有两个y 轴。
多坐标轴的设置方法:
- 在yAxis 中写入两组数据,让两组数据的行数保持一致
- 在series 中设置数据时,使用 yAxisIndex 属性设置系列与哪个y 轴相关联
异步数据
数据的更新有两种思路:
- 请求到数据后,setOption()
先setOption(),有什么先配置什么。等请求到数据后,再追加配置
注:在数据加载的过程中,还可以使用echarts 实例对象的loading 功能
显示 loading:showLoading()
隐藏 loading:hideLoading()
数据集
dataset 的优点:
- 基于原始数据,设置映射关系,形成图表。
- 数据和配置分离,便于单独管理。
- 数据可以被多个系列或者组件复用。
- 支持更多的数据的常用格式,例如二维数组、对象数组等。
数据集与图表的映射方式
第1列映射类目轴
第2列第1个系列
第3列第2个系列
const source=[
['大前端','学习人数','就业人数'],
['htnl',30,50],
['css',20,60],
['js',40,70],
]
另一种写法
const source =[
['大前端':'html','学习人数':30,'就业人数':50],
['大前端':"css",'学习人数':