如何在 echarts 中添加渐变色？

Question

如何在 echarts 中添加渐变色？

angulartypescriptechartsapache-echarts

8

我制作了一个echart 折线图。现在，我想给它添加渐变色，如下所示：

在这个链接中，它说支持设置渐变色。但是当我按照给定的代码尝试时，它报错了：

它显示的错误如下：

该怎么办？

提前致谢。

- user16605035

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Beka Kalandadze · Accepted Answer

  areaStyle: {
          color: new graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: 'rgb(255, 158, 68)'
            },
            {
              offset: 1,
              color: 'rgb(255, 70, 131)'
            }])
        }

Echart 有一个图形类(graphic class)，它提供了访问渐变属性(Gradient Property)的方法。你可以通过在颜色数组中指定起始点和终止点，来对其进行微调以满足你的需求。