微博登录后即可参与讨论。
李诺123321

echarts使用地图如何为选中的省份添加颜色? 1个回复 @ ECharts

李诺123321 发布于 1 年前

地图控件中的series.itemStyle中的normal和emphasis只能添加默认的颜色和鼠标滑过的颜色,如果想为选中的省份添加颜色怎么弄?是哪个属性?

  • qiaogang2003

    在data中,可以配置每一条数据的itemStyle。
    可以参考下面的配置。

    var option = {
        tooltip: {
            trigger: 'item',
            formatter: '{b}'
        },
        series: [
            {
                name: '中国',
                type: 'map',
                mapType: 'china',
                selectedMode: 'multiple',
                itemStyle: {
                    normal: {
                        color: '#87cefa',
                        borderColor: '#708090',
                        label: {
                            show: true
                        }
                    },
                    emphasis: {
                        color: '#ffd700',
                        label: {
                            show: true
                        }
                    }
                },
                data: [
                    {
                        name: '广东',
                        selected: true,
                        itemStyle: {
                            emphasis: {
                                color: '#f5f5dc'
                            }
                        }
                    },
                    {
                        name: '西藏',
                        itemStyle: {
                            normal: {
                                color: '#20b2aa'
                            },
                            emphasis: {
                                color: '#98fb98'
                            }
                        }
                    }
                ]
            }
        ]
    };
    
    #1
微博登录后即可参与讨论。