Lufer

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

Echarts Map 自定义数据的使用

2018年1月23日 544点热度 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
最后更新:2023年7月10日

Lufer

新的一天开始啦

点赞
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

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

COPYRIGHT © 2022 lufer.cc.

Theme Kratos Made By Seaton Jiang

鲁ICP备2021045819号