Highchart多色渐变

Question

我想为spiderweb图表制作一个多颜色渐变，我在highcharts上使用了linearGradient功能。我想中心是红色的 - ＆gt;橙色 - ＆gt;黄色 - ＆gt;绿色。

我希望与颜色渐变对应的data点是：红色= 0，橙色= 1，黄色= 2，绿色= 3.

这里是jsfiddle：http://jsfiddle.net/yvhq4jdv/12/

我不太确定如何操纵这个

Answer 1

我认为您想要使用radialGradient，例如：

series: [{
  name: 'Planning',
  type: 'area',
  color: {
    radialGradient: {
      cx: 0.25,
      cy: 0.4,
      r: 0.5
    },
    stops: [
      [0.25, '#ff0000'],
      [0.5, '#ff8000'],
      [0.75, '#feff00'],
      [1, '#3eff00']
    ]
  },
  data: [1, 2, 3, 1, 2, 1, 1],
  pointPlacement: 'on'
}]

演示：http://jsfiddle.net/yvhq4jdv/13/