echarts更改scatter颜色不生效

最新推荐文章于 2024-04-19 07:14:25 发布

hsany330

最新推荐文章于 2024-04-19 07:14:25 发布

阅读量2.2k

点赞数 3

原文链接：https://www.cnblogs.com/sxhjoker/p/12486002.html

版权

关键词由CSDN通过智能技术生成

出现这个情况的原因是在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点悬浮样式会失效)
});