Highchart 多色渐变

Question

我想为蜘蛛网图表制作多色渐变，我在 highcharts 上使用了 linearGradient 功能。我希望中心是红色 -> 橙色 -> 黄色 -> 绿色。

我想要与颜色渐变对应的 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/

Highchart 多色渐变

Highchart multi color gradient

javascript

css

gradient

colors

highcharts