首页 文章

Highchart多色渐变

提问于
浏览 次
1

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

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

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

我不太清楚如何操纵它

javascript css highcharts colors gradient

1 回答

  • 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/

    回复于

相关问题