Echarts使用心得--持续更新

最新推荐文章于 2024-09-17 13:42:29 发布

qingxingya

最新推荐文章于 2024-09-17 13:42:29 发布

阅读量160

点赞数

分类专栏： echarts 文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/qingxingya/article/details/125487638

版权

echarts 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.渐变色

方法一：

官网https://echarts.apache.org/zh/option.html#color

// 横向柱状图的由左向右渐变
 itemStyle: {
              barBorderRadius: 6,
              color: {
                x: 0,
                y: 0,
                y2: 0,
                x2: 1,
                colorStops: [
                   {
                     offset: 0,
                     color: color0
                   },
                   {
                     offset: 1,
                     color: color1
                   }
                 ]
              }
            }

在这里插入图片描述

方法二：

    itemStyle: {
        color: new echarts.graphic.LinearGradient(
            0, 1, 0, 0,  
            [
                {offset: 1, color: '#FFD473'},
                {offset: 0, color: '#FDC955'}
            ]               
        )
    }