我用Highcharts库中的渐变绘制了一个柱形图。你可以看到here第一个问题是关于梯度,这里有三个小节x1c 0d1x第一列值为30第二个是50最后是100但是梯度对所有的都是相同的!(all的有绿色和红色)这是不对!我需要一个梯度第一列为绿色区域像这样的东西
我该如何实现它?
dgtucam11#
来自文档:请注意,缐性渐层的定义方式可能会有所不同(如数组或对象)。此外,起始/结束位置的计算方式也可能会有所不同,视gradientUnits属性而定(此属性只能在宣告为对象的缐性渐层中设定)。梯度单位值:
因此,使用数组(其值以像素为单位)代替linearGradient的object。
linearGradient
color: { linearGradient: [0, 0, 0, 400], stops: [ [0, 'red'], [1, 'green'] ] }
现场演示:https://jsfiddle.net/BlackLabel/tfxLpck1/文件:https://www.highcharts.com/docs/chart-design-and-style/colors
1条答案
按热度按时间dgtucam11#
来自文档:
请注意,缐性渐层的定义方式可能会有所不同(如数组或对象)。此外,起始/结束位置的计算方式也可能会有所不同,视gradientUnits属性而定(此属性只能在宣告为对象的缐性渐层中设定)。
梯度单位值:
因此,使用数组(其值以像素为单位)代替
linearGradient
的object。现场演示:https://jsfiddle.net/BlackLabel/tfxLpck1/
文件:https://www.highcharts.com/docs/chart-design-and-style/colors