stops (yAxis properties)

solid-gauge 차트에서 특정 지점의 색상을 지정합니다.
지정한 지점과 지점 사이는 그라데이션으로 표현됩니다.

Info

name type required(default) description
stops Array 선택 특정 지점의 색상을 지정
Ex) stops: [[0.1,"#ff0000"], [0.8,"#00ffff"]]

Example

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