echarts中使用散点图根据后端接口动态生成点,并根据点数据动态渲染点颜色
实现效果如图
点击 1 根据接口数据动态生成 2,并根据接口中的数据字段为数据渲染不同颜色,并且鼠标覆盖上去的提示信息不是渲染该数据点的值,而是根据接口获取下来的提示信息
接口返回数据如下图
1 =》红点 x 方向 数据
2 =》黑点 x 方向数据
3 =》黑点 提示信息 (echarts中tooltip)的数据来源
4 =》红点 提示信息 (echarts中tooltip)的数据来源
重点来了 配置 echarts 如下
// 点击右侧点触发
getDotByElevation(elevation)
原创
2021-05-12 10:29:02 ·
1181 阅读 ·
0 评论