echarts去除地图选中激活高亮

你可以通过设置 `emphasis` 属性来控制地图区域被选中时的样式。如果你想要取消地图选中激活高亮，可以将 `emphasis` 属性设置为空对象 `{}`。示例代码如下：

option = {
  series: [{
    type: 'map',
    map: 'world',
    emphasis: {} // 取消地图选中激活高亮
  }]
}

这样设置后，当用户点击地图上的区域时，该区域不会被高亮显示。

相关问题

echarts去除地图高亮

如果您想要去除 ECharts 地图的高亮效果，可以通过设置 ECharts 的 option 中的 visualMap 组件来实现。在 visualMap 组件中，可以设置视觉映射组件的类型（例如连续型、分段型等）、颜色范围以及是否启用高亮等参数。

以下是一个示例代码，展示如何关闭地图的高亮效果：

option = {
    ...
    visualMap: {
        type: 'continuous', // 连续型的视觉映射组件
        show: false, // 不显示视觉映射组件
        ...
        inRange: {
            color: ['#D7DA8B','#E15457'], // 设置颜色范围
        },
        ...
        emphasis: {
            show: false, // 不启用高亮效果
        }
    },
    ...
};

在以上示例中，visualMap 的 show 属性被设置为 false，表示不显示视觉映射组件；而在 visualMap 的 emphasis 属性中，show 属性也被设置为 false，表示不启用高亮效果。通过这样的设置，您就可以去除 ECharts 地图的高亮效果。

echarts地图选中

Echarts是一个基于JavaScript的开源可视化库，它提供了丰富的图表类型和交互功能。其中，地图是Echarts中的一个重要组件，可以用来展示各种地理数据。在Echarts地图中，可以通过设置selectedMode属性来实现选中效果。具体来说，可以设置为single（单选）、multiple（多选）或false（不可选中）。同时，可以通过dispatchAction方法来触发选中效果，例如在鼠标移动或点击事件中使用。在选中效果中，可以设置选中的系列和数据索引，从而实现对地图上特定区域的高亮显示。

下面是一个示例代码，用于实现Echarts地图的选中效果：

option = {
    tooltip: {
        trigger: 'item',
        formatter: '{b}'
    },
    series: [
        {
            name: '中国',
            type: 'map',
            mapType: 'china',
            selectedMode: 'multiple', // 多选
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true
                }
            },
            data:[
                {
                    name:'广东',
                    selected:true // 默认选中
                }
            ]
        }
    ]
};

// 选中效果
let index = 0;
charts.dispatchAction({
    type: 'highlight',
    seriesIndex: 0,
    dataIndex: 0,
});

charts.on('mouseover', function(e) {
    if (e.dataIndex != index) {
        charts.dispatchAction({
            type: 'downplay',
            seriesIndex: 0,
            dataIndex: index,
        });
    }
});

charts.on('mouseout', function(e) {
    index = e.dataIndex;
    charts.dispatchAction({
        type: 'highlight',
        seriesIndex: 0,
        dataIndex: e.dataIndex,
    });
});

charts.on("click", function(e) {
    if (e.dataIndex != index) {
        charts.dispatchAction({
            type: 'downplay',
            seriesIndex: 0,
            dataIndex: index,
        });
    }
    index = e.dataIndex;
    charts.dispatchAction({
        type: 'highlight',
        seriesIndex: 0,
        dataIndex: e.dataIndex,
    });
});