echart中的inRange

最新推荐文章于 2024-09-17 07:23:55 发布

qq_31135027

最新推荐文章于 2024-09-17 07:23:55 发布

阅读量6.3k

点赞数 1

本文链接：https://blog.csdn.net/qq_31135027/article/details/79635779

版权

我做了尝试

上面这个图的inRange设置为

visualMap: {
        min: 0,
        max: 200,
        calculable: true,
        inRange: {
            color: ['#50a3ba', '#eac736', '#d94e5d']
        },
        textStyle: {
            color: '#fff'
        }
    },

当做了更改后

visualMap: {
        min: 0,
        max: 200,
        calculable: true,
        inRange: {
            color: ['#50a3ba', '#eac736', '#fff']//#d94e5d变成了#fff
        },
        textStyle: {
            color: '#fff'
        }
    },

图发生了变化

所以inRange是对图中点的颜色做了控制，参照官方文档点击打开链接，你会发现它也可以对元素的尺寸进行控制，可以去尝试一下

上面两个例子都是指定三个颜色，我尝试指定了四个，发现也是可以的

visualMap: {
        min: 0,
        max: 200,
        calculable: true,
        inRange: {
            color: ['#50a3ba', '#eac736', '#fff','#000']
        },
        textStyle: {
            color: '#fff'
        }
    },

效果如下