我正在尝试使用Highcharts仪表。有没有办法将绘图区设置为线性渐变?如果我的标尺值为0-100,我希望绘图带从0处的红色变为50处的黄色变为100处的绿色。带有梯度情节带的高图仪表
我以为我可以为每个停止点生成独立的plotband部分,1-100,但是如果有一种方法可以设置一个更清洁的线性外围设备。任何人都知道一种方式?
我正在尝试使用Highcharts仪表。有没有办法将绘图区设置为线性渐变?如果我的标尺值为0-100,我希望绘图带从0处的红色变为50处的黄色变为100处的绿色。带有梯度情节带的高图仪表
我以为我可以为每个停止点生成独立的plotband部分,1-100,但是如果有一种方法可以设置一个更清洁的线性外围设备。任何人都知道一种方式?
是的,这是可能的。尝试是这样的:
yAxis: {
min: 0,
max: 100,
plotBands: [{
color: {
linearGradient: [300, 300, 0, 0],
stops: [
[0, 'rgb(255, 255, 255)'],
[1, 'rgb(150, 200, 155)']
]
},
from: 0,
to: 100
}],
},
通过仔细艇员选拔你的颜色,linearGradients和/把,你应该能够数plotbands相结合,做你想做的。
上
http://www.highcharts.com/docs/chart-design-and-style/colors
实施例读出的 “线性渐变”:从黄色到绿色到红色:
plotBands: [{
from: 0,
to: 29,
color: '#DDDF0D' // yellow
},{
from: 29,
to: 40,
color: {
linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
stops: [
[0, '#55BF3B'], //green
[1, '#DDDF0D'] //yellow
]
}
}, {
from: 40,
to: 51,
color: {
linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
stops: [
[0, '#55BF3B'], //green
[1, '#DF5353'] //red
]
}
}, {
from: 51,
to: 80,
color: '#DF5353' //red
}]