在条形图上添加颜色渐变颜色

Question

>我尝试为高图表上的条形添加渐变

我试试这个

colors: [{
    linearGradient: perShapeGradient,
    stops: [
      [0, '#c2352b'],
      [1, '#f44336 ']
    ]
  }, {
    linearGradient: perShapeGradient,
    stops: [
      [0, '#1b75bf'],
      [1, '#2196f3']
    ]
  }, {
    linearGradient: perShapeGradient,
    stops: [
      [0, '#cc7a00'],
      [1, '#ff9800']
    ]}, 
          ]

但是我所有的酒吧颜色都变得相同(甚至有渐变颜色(。这是此处完整代码演示的链接。

Answer 1

你的代码没有错。问题是，您为整个系列设置了颜色，并且所有数据都来自同一系列。如果你放另一个系列，你可以看到它采用另一种颜色：https://codepen.io/anon/pen/XEwdQm?editors=0010

要为每个category设置不同的颜色，您可以做的是将 colorByPoint 属性设置为 plotOptions true：

plotOptions: {
   colorByPoint: true
}

下面是示例：https://codepen.io/anon/pen/KoLzjL?editors=0010