echarts3 模拟迁徒 鼠标移入的提示数据经纬度的值怎么改成BJData里面的value

clipboard.png

echarts3 模拟迁徒 鼠标移入的提示数据经纬度的值怎么改成BJData里面的value
找了好久找不到,在线等待高手

var BJData = [
        [{name:'银川'}, {name:'上海',value:95}],
        [{name:'银川'}, {name:'广州',value:90}],
        [{name:'银川'}, {name:'大连',value:80}],
        [{name:'银川'}, {name:'南宁',value:70}],
        [{name:'银川'}, {name:'南昌',value:60}],
        [{name:'银川'}, {name:'拉萨',value:50}],
        [{name:'银川'}, {name:'长春',value:40}],
        [{name:'银川'}, {name:'包头',value:30}],
        [{name:'银川'}, {name:'重庆',value:20}],
        [{name:'银川'}, {name:'常州',value:10}]
    ];
    
    
    var convertData = function (data) {
        var res = [];
        for (var i = 0; i < data.length; i++) {
            var dataItem = data[i];
            var fromCoord = geoCoordMap[dataItem[0].name];
            var toCoord = geoCoordMap[dataItem[1].name];
            if (fromCoord && toCoord) {
                res.push({
                    fromName: dataItem[0].name,
                    toName: dataItem[1].name,
                    coords: [fromCoord, toCoord]
                });
            }
        }
        return res;
    };
    
    var color = ['#a6c84c'];
    var series = [];
    [['北京', BJData]].forEach(function (item, i) {
        series.push({
            name: "开通城市分部图",
            type: 'lines',
            zlevel: 1,
            effect: {
                show: true,
                period: 6,
                trailLength: 0.7,
                color: '#fff',
                symbolSize: 3
            },
            lineStyle: {
                normal: {
                    color: color[i],
                    width: 0,
                    curveness: 0.2
                }
            },
            data: convertData(item[1])
        },
        {
            name: "开通城市分部图",
            type: 'lines',
            zlevel: 2,
            symbol: 'none',
            symbolSize: 10,
            lineStyle: {
                normal: {
                    color: color[i],
                    width: 1,
                    opacity: 0.6,
                    curveness: 0.2
                }
            },
            data: convertData(item[1])
        },
        {
            name: "开通城市分部图",
            type: 'effectScatter',
            coordinateSystem: 'geo',
            zlevel: 2,
            rippleEffect: {
                brushType: 'stroke'
            },
            label: {
                normal: {
                    show: true,
                    position: 'right',
                    formatter: '{b}'
                }
            },
            symbolSize: function (val) {
                return val[2] / 8;
            },
            itemStyle: {
                normal: {
                    color: color[i]
                }
            },
            data: item[1].map(function (dataItem) {
                return {
                    name: dataItem[1].name,
                    value: geoCoordMap[dataItem[1].name].concat(dataItem[1].value)
                };
            })
        });
    });
    
    option = {
        backgroundColor: '#404a59',
        tooltip : {
            trigger: 'item'
        },
        legend: {
            orient: 'vertical',
            top: 'bottom',
            left: 'right',
            data:['开通城市分部图'],
            textStyle: {
                color: '#fff'
            },
            selectedMode: 'single'
        },
        geo: {
            map: 'china',
            label: {
                emphasis: {
                    show: false
                }
            },
            roam: true,
            itemStyle: {
                normal: {
                    areaColor: '#323c48',
                    borderColor: '#404a59'
                },
                emphasis: {
                    areaColor: '#2a333d'
                }
            }
        },
        series: series
    };
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
阅读 2.3k
1 个回答

你要上你的代码,才能具体给你说啊。。。toolTip 里面有个formatter方法。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题