echarts 高级应用

多坐标轴

多坐标轴的常见应用就是一个图表有两个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",'学习人数':