apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.21k stars 19.6k forks source link

移动端地图组件省份区域添加点击事件有时无效,要双击才可以 #9007

Closed oweixia closed 4 years ago

oweixia commented 6 years ago

One-line summary [问题简述]

移动端地图组件省份区域添加点击事件有时无效,要双击才可以

Version & Environment [版本及环境]

Expected behaviour [期望结果]

单击事件生效,不用双击。

ECharts option [ECharts配置项]

let convertData = function (data, geoCoordMap) {
    var res = [];
    for (var i = 0; i < data.length; i++) {
        var geoCoord = geoCoordMap[data[i].name];
        if (geoCoord) {
            res.push({
                name: data[i].name,
                value: geoCoord.concat(data[i].state)
            });
        }
    }
    return res;
};
option = {
tooltip: {
                trigger: 'item',
                show: false,  
                borderWidth: 2, 
                borderColor: '#19A3C6',
                textStyle:{
                    fontSize: 18, 
                },
            },
            visualMap: {
                min: 0,
                max: 1,
                splitNumber: 5,
                inRange: {
                    color: ['#44AA66','#44AA66'],
                },
                textStyle: {
                    color: '#fff'
                },
                show: false
            },
            geo: {
                map: 'china',
                label: {
                    emphasis: {
                        show: false
                    }
                },
                zoom: 1.2,
                // roam: true,
                itemStyle: {
                    normal: {
                        areaColor: '#060608',
                        borderWidth: 1, 
                        borderColor: '#02121e', 
                        shadowColor: 'rgba(0, 0, 0, 0.5)',
                        shadowBlur: 15,
                    },
                    emphasis: {
                        areaColor: '#0d0f12',
                        borderColor: '#337c4c'
                    },
                },
                regions: [{
                    name: prevince,
                    selected: true,
                    itemStyle: {
                        areaColor: '#0d0f12',
                        borderColor: '#337c4c',
                        borderWidth: 1,
            }
                }],
            },
            series: [
                {
                    type: 'scatter',
                    coordinateSystem: 'geo',
                    data: convertData(dataOnline, geoCoordMap),
                    symbolSize: pointSize,
                    itemStyle: {
                        normal: {
                            color: '#44AA66'
                        }
                    },
                    label: {
                        normal: {
                            show: false
                        },
                        emphasis: {
                            show: false
                        }
                    },
                },
                {
                    type: 'scatter',
                    coordinateSystem: 'geo',
                    data: convertData(dataOffline, geoCoordMap),
                    symbolSize: pointSize,
                    itemStyle: {
                        normal: {
                            color: '#FF5E3A'
                        }
                    },
                    label: {
                        normal: {
                            show: false
                        },
                        emphasis: {
                            show: false
                        }
                    },
                    zlevel: 1,
                }
            ]
}

Other comments [其他信息]

_20180904171943

stale[bot] commented 4 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.