在echarts和highEcharts中设置渐变色

最新推荐文章于 2024-08-05 11:28:39 发布

追逐春天的大孩子

最新推荐文章于 2024-08-05 11:28:39 发布

阅读量598

点赞数

分类专栏： js 记录文章标签： highEcharts Echarts

本文链接：https://blog.csdn.net/weixin_43709908/article/details/107700445

版权

记录同时被 2 个专栏收录

45 篇文章 1 订阅

订阅专栏

36 篇文章 1 订阅

订阅专栏

在echarts中

areaStyle: {
          color: new echarts.graphic.LinearGradient(
            0,
            0,
            0,
            1,
            [
              {
                offset: 0,
             color: "rgba(1, 132, 213, 0.4)" // 渐变色的起始颜色
              },
              {
                offset: 0.8,
             color: "rgba(1, 132, 213, 0.1)" // 渐变线的结束颜色
              }
            ],
            false
          ),
          //控制阴影的显示。如果需要的话可以写
          shadowColor: "rgba(0, 0, 0, 0.1)"

在highEcharts中

color: {
         linearGradient: {
           x1: 0,
          y1: 1,
          x2: 0,
          y2: 0
        }, //横向渐变效果 如果将x2和y2值交换将会变成纵向渐变效果  
       stops: [
       [0, Highcharts.Color("#2285FF").setOpacity(1).get('rgba')],
      [1, '#2E9FF3']
  ]
 }