Highcharts条形图旋转背景图案

p8h8hvxi  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(211)

因此,我有多个图表使用相同的颜色代码。
大多数是堆叠柱形图,但其中一个是bar图表。
问题是,在这个图表上,所有的背景图案和梯度都是90deg旋转的,这显然不是预期的。

  • 设计图案+渐变色 *

  • 旋转背景:渐变为从左到右,图案已旋转Angular *

我知道我可以从不同的Angular 重新定义这些行为,但这并不是我期望在消费者层面实现的,不是吗?
谢谢

neekobn8

neekobn81#

要连续调整渐变,您可以在颜色属性中设置渐变选项(linearGradient、stops)。

color: {
  linearGradient: {
    x1: 0,
    y1: 0,
    x2: 1,
    y2: 1
  },
  stops: [
    [0, 'rgb(255, 255, 255)'],
    [1, 'rgb(200, 200, 255)']
  ]

},

https://api.highcharts.com/highcharts/series.column.color
https://www.highcharts.com/docs/chart-design-and-style/colors
演示:https://jsfiddle.net/BlackLabel/r512tsdz/

相关问题