Lufer

  • 首页
  • 编程
  • 学习笔记
  • 日常折腾
Lufer
Code the World
  1. 首页
  2. 编程
  3. 前端
  4. 正文

Echarts Map 自定义数据的使用

2018年1月23日 88点热度 0人点赞 0条评论

1. Map中坐标点带自定义数据

  在坐标点后添加任意数据,构造形如[116.377047322,39.9340718473,1]的Json对,在使用时可以通过监听函数读取data的[2][3]...等字段。

myChart.on('click', function (params) {
var id = params.data\[2\];
});

2. VisualMap与自定义数据的映射

  对于任何自定义数据,例如Map中的Link,无法通过制定Category的方式有效的与VisualMap进行自动映射,只需在数据中添加Value项,VisualMap即可自动识别。

pathbd.push(
{
coords: cvps,
value:data20[i][3],
lineStyle: {
normal: {
opacity: 100,
width: truewidth
}
}
});

visualMap: {
type: 'piecewise',
left: 'right',
top: 'up',
pieces: [{
gt: 0,
lte: 4,
color: 'blue'
}, {
gt: 4,
lte: 6,
color: 'green'
}, {
gt: 6,
lte: 8,
color: 'yellow'
}, {
gt: 8,
color: 'red'
}]
},
标签: Echarts Echarts Map
最后更新:2021年12月22日

Lufer

新的一天开始啦

点赞
下一篇 >

文章评论

取消回复

文章目录
  • 1. Map中坐标点带自定义数据
  • 2. VisualMap与自定义数据的映射

COPYRIGHT © 2022 lufer.cc.

Theme Kratos Made By Seaton Jiang

鲁ICP备2021045819号