Echart可视化学习(八)

新增需求 点击 2020年 2021年 数据发生变化

在index.html中添加语句

在index.css中添加样式

查看效果

tab栏切换事件

点击2020按钮 需要把 series 第一个对象里面的data 换成 2020年对象里面data[0]

点击2020按钮 需要把 series 第二个对象里面的data 换成 2020年对象里面data[1]

2021 按钮同样道理

这段代码中的注释部分,最好试一下,在开发者工具台中查看,明白每句话的含义

以下是后台送过来数据(ajax请求过来的)

查看效果

其中点击2020和2021有所不同

可以更改series的代码

查看效果

原文地址:https://www.cnblogs.com/bqwzy/p/15779378.html