#2.0.4
게이지 차트에 대한 확장 옵션을 지정합니다.
extend: {
gauge: {
label: {
show: true,
format: function(value, ratio) {
return (value / 100).toFixed(3);
}
},
title: {
type: "html",
text: "<p style='color: red;'>title<br>subtitle</p>",
},
innerRadius: 20,
fullCircle: false,
min: 0,
max: 100,
units: "%"
radiusCompensation: -10,
}
}
#2.0.4
안쪽 반지름을 지정합니다.
지정하지 않았을 경우는 원의 크기에 따라 자동 계산됩니다.
#2.0.4
게이지의 가운데에 표시되는 값에 대한 라벨의 표시 여부를 지정합니다.
#2.0.17
라벨 표시 위치를 지정합니다.
#2.0.4
게이지의 가운데에 표시되는 값에 대한 라벨을 커스터마이징 합니다.
extend: {
gauge: {
label: {
format: function(value, ratio) {
return (ratio / 100).toFixed(3);
}
}
}
}
#2.0.35
게이지의 가운데에 표시되는 라벨의 위치를 x축 방향으로 조절합니다.
#2.0.35
게이지의 가운데에 표시되는 라벨의 위치를 y축 방향으로 조절합니다.
#2.0.4
full circle 여부를 지정합니다.
extend.gauge.fullCircle = true일 경우 원으로 표현됩니다.
#2.0.4
최솟값을 지정합니다.
최솟값 라벨을 커스터마이징 하려면 Object 형태로 지정합니다.
extend: {
gauge: {
min: {
show: true,
value: 0,
format: function(value) {
return value + " %";
}
}
}
}
#2.0.4
최솟값 라벨을 show/hide 처리합니다.
#2.0.4
extend.gauge.min를 Object 타입으로 지정하는 경우 최솟값을 지정합니다.
#2.0.4
최솟값 라벨을 커스터마이징 합니다.
#2.0.4
최댓값을 지정합니다.
최댓값 라벨을 커스터마이징 하려면 Object 형태로 지정합니다.
extend: {
gauge: {
min: {
show: true,
value: 0,
format: function(value) {
return value + " %";
}
}
}
}
#2.0.4
최댓값 라벨을 show/hide 처리합니다.
#2.0.4
extend.gauge.max를 Object 타입으로 지정하는 경우 최댓값을 지정합니다.
#2.0.4
최댓값 라벨을 커스터마이징 합니다.
#2.0.4
단위 영역에 문자열을 지정합니다.
#2.0.35
게이지의 폭을 일정한 값으로 설정합니다.
#2.0.53
타이틀을 지정합니다.
gauge차트의 경우 title속성이 미적용시 label이 게이지 가운데 영역에 표현되며, title속성이 적용시 label은 게이지 영역에 표시됩니다.
#2.0.53
타이틀을 커스텀마이징합니다.
html 구문을 삽입하고자 한다면 Object Type을 사용합니다.
gauge차트의 경우 title속성이 미적용시 label이 게이지 가운데 영역에 표현되며, title속성이 적용시 label은 게이지 영역에 표시됩니다.
#2.0.53
title 영역에 출력할 text를 입력합니다.
html 타입일 경우, html 구문을 입력합니다.
gauge차트의 경우 title속성이 미적용시 label이 게이지 가운데 영역에 표현되며, title속성이 적용시 label은 게이지 영역에 표시됩니다.
#2.0.150
donut차트의 반지름에 대한 보상값을 설정합니다.
-값의 경우 중심방향으로 줄어듭니다.