solid-gauge 차트에서 특정 지점의 색상을 지정합니다.
지정한 지점과 지점 사이는 그라데이션으로 표현됩니다.
name | type | required(default) | description |
---|---|---|---|
stops | Array |
선택 | 특정 지점의 색상을 지정 Ex) stops: [[0.1,"#ff0000"], [0.8,"#00ffff"]] |
myChart.setOptions({
chart:{
type:'solidgauge'
},
yAxis: {
min:0,
max:200,
stops: [
[0.1, '#55BF3B'], // ~ 10% 지점의 색상은 #55BF3B
[0.5, '#DDDF0D'], // 50% 지점의 색상은 #DDDF0D
[0.9, '#DF5353'] // 90% ~ 지점의 색상은 #DF5353
],
},
series: [{
data: [160]
}]
},{
append: true,
redraw: true
});
version | desc |
---|---|
7.3.0.0 |