echarts 柱状图颜色渐变代码

最新推荐文章于 2024-07-31 00:25:36 发布

艾小逗

最新推荐文章于 2024-07-31 00:25:36 发布

阅读量1.3k

点赞数 1

分类专栏： # echarts 文章标签： echarts itemStyle series normal web

本文为艾小逗原创文章，未经允许不可转载。转载请注明出处

本文链接：https://blog.csdn.net/qq_32442967/article/details/89925707

版权

echarts 专栏收录该内容

9 篇文章 2 订阅

订阅专栏

设置echarts 颜色渐变方法。
实例样式：

在这里插入图片描述

设置 series.itemStyle.normal

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar',
        
        itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'red'
                        }, {
                            offset: 1,
                            color: 'yellow'
                        }]),
                    }
                }
    }]
};