echarts更改scatter顏色不生效

 

出現這個情況的原因是在series中配置了visualMap，而echarts中 visualMap的優先級是最高的，參考如下回答

    解決方法是， 1.刪除visualMap的配置 2.在visualMap中指定seriesIndex，我使用了第二種方法，下面是我的代碼：

provinceChart.setOption({
    tooltip : {
        trigger: 'item'
    },
    roam: false, // 是否可縮放拖拽
    series: [{
        name: '城市',
        type: 'map',
        showLegendSymbol: false,
        zoom: 1.2, // 默認縮放比例
    },{
        name: '用戶',
        type: 'scatter', // 渲染在geo圖層上的氣泡
        coordinateSystem: 'geo',
        symbolSize: 5,
        itemStyle: {
            normal: {
                color: '#008001' //標志顏色
            }
        },
    }],
    visualMap: {
        type: 'continuous',
        min: 0,
        max: 10,
        text:['多','少'],
        color: ['#4979FF', '#E7E9F0'],
        seriesIndex: 0 // 僅使第一個series生效
    },
    animation: false // 關閉動畫(關閉后scatter點懸浮樣式會失效)
});