Highcharts，如何在不设置颜色的情况下使用渐变色？

Question

我正在为图形区域的颜色从“默认”颜色变为白色/透明的颜色设置渐变颜色。

我正在努力如何“选择”未设置值，并让它自动确定区域颜色。

这是我的代码现在正在产生的结果：image of my graph now

（（我希望将填充颜色与自动设置的“轮廓”颜色匹配）

现在用于设置此“淡黄色颜色”的代码

        linearGradient: {
          x1: 0,
          y1: 0,
          x2: 0,
          y2: 1
        },
        stops: [
          [0, "#ffff00"],
          [
            1,
            Highcharts.color("#DADADA")
              .setOpacity(0)
              .get("rgba")
          ]
        ]
      },

Answer 1

您可以使用getOptions方法来获取默认颜色并以此方式进行设置：

series: [{
  ...,
  fillColor: {
    linearGradient: {
      x1: 0,
      y1: 0,
      x2: 0,
      y2: 1
    },
    stops: [
      [0, Highcharts.getOptions().colors[0]],
      [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
    ]
  }
}, ...]

---

实时演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4910/

API参考： https://api.highcharts.com/class-reference/Highcharts#.getOptions