如何使Kendoui柱形图的颜色渐变

Question

我目前的一个项目要求将柱形图的颜色设置为渐变色。我知道如何更改柱形图的颜色，但是我不知道颜色值是否可以像背景一样。我可以使用渐变色吗？

谢谢

Answer 1

有一个叠加选项，您可以使用它设置预定义的渐变叠加： https://www.telerik.com/kendo-angular-ui/components/charts/api/Overlay/

还应该可以使用自定义视觉效果添加任何渐变：

public visual(e: any): any {
  const visual = e.createVisual();
  const color = e.options.color;
  const gradient = new LinearGradient({
    start: [0, 0.5],
    end: [1, 0.5],
    stops: [{
      offset: 0.2,
      color: color,
      opacity: 0.5
    }, {
      offset: 0.5,
      color: color,
      opacity: 0.3
    }, {
      offset: 1,
      color: color,
      opacity: 0.1
    }]
  });

  visual.children[0].fill(gradient);

  return visual;
}

https://plnkr.co/edit/AFcM2Q9HAtNs1MhwWFu7?p=preview