ECharts地图颜色-选中颜色设置

唐策 2017-08-15 15:29:10

19410

分类专栏： echarts-地图 echarts 文章标签： echarts3-0

本文链接：https://blog.csdn.net/qq_29132907/article/details/77193565

版权

1.
echarts版本
areaColor：3.0
color:2.0

option = {
    tooltip: {
        trigger: 'item',
        formatter: '{b}'
    },
    series: [
        {
            name: '中国',
            type: 'map',
            mapType: 'china',
            selectedMode : 'multiple',

             itemStyle: {
                normal: {//未选中状态
                    borderWidth:2,//边框大小
                    borderColor:'lightgreen',
                    areaColor: 'orange',//背景颜色
                    label: {
                        show: true//显示名称
                    }
                },
                emphasis: {// 也是选中样式
                    borderWidth:2,
                    borderColor:'#fff',
                    areaColor: 'red',
                    label: {
                        show: true,
                        textStyle: {
                            color: '#fff'
                        }
                    }
                 }    
                },
            data:[
                // {name:'广东', selected:true}
                {
                    name:'广东',
                     itemStyle: {
                        normal: {
                            color: 'red',
                            label: {
                                show: true,
                                textStyle: {
                                    color: '#fff',
                                    fontSize: 15
                                }
                            }
                        },
                         emphasis: {// 也是选中样式
                            borderWidth:5,
                            borderColor:'yellow',
                            areaColor: '#cd5c5c',
                            label: {
                                show: true,
                                textStyle: {
                                    color: 'blue'
                                }
                            }
                        }
                     },

                }
            ]
        }
    ]
};