#2.0.0
도넛 차트에 대한 확장 옵션을 지정합니다.
extend: {
donut: {
label: {
show: true,
format: function(value, ratio, id) {
return (ratio * 100).toFixed(3) + "%";
},
outerRange: function(value, ratio, id) {
return ratio*100 < 30;
}
},
innerRadius: 20,
cornerRadius: 10,
padding: 0,
fullCircle: true,
title: {
type : "html",
text : "<p>title 1행<br>subtitle 2행</p>"
}
}
}
#2.0.0
안쪽 반지름을 지정합니다.
지정하지 않았을 경우는 원의 크기에 따라 자동 계산됩니다.
#2.0.86
각 영역(원호) 양 끝의 모서리를 둥글게 만듭니다.
#2.0.0
각 영역(원호) 사이의 여백을 지정합니다.
#2.0.0
라벨 표시 여부를 지정합니다.
#2.0.17
라벨 표시 위치를 지정합니다.
#2.0.0
라벨을 커스터마이징 합니다.
extend: {
donut: {
label: {
format: function(value, ratio, id) {
return (ratio * 100).toFixed(3) + "%";
}
}
}
}
#2.0.43
label.position="outer"
사용시 label 형태를 outer로 표시할 데이터 필터링 조건을 설정합니다.
extend: {
donut: {
label: {
outerRange: 30
}
}
}
extend: {
donut: {
label: {
outerRange: function(value, ratio, id) {
return ratio*100 < 30;
}
}
}
}
#2.0.4
title
옵션과는 구별되어 도넛의 가운데 영역에 표현됩니다.
html 구문을 삽입하고자 한다면 Object Type을 사용합니다.
#2.0.39
타이틀 형식을 지정합니다.
#2.0.39
title 영역에 출력할 text를 입력합니다.
html 타입일 경우, html 구문을 입력합니다.
#2.0.4
full circle 여부를 지정합니다.
extend.donut.fullCircle = false
일 경우 반원으로 표현됩니다.
#2.0.49
원 차트의 value 또는 퍼센트 표시 여부를 지정합니다.
#2.0.49
max.value값 대비 총 합이 적을경우 남은 영역을 생성하기 위한 key값을 지정합니다.
key값이 중복되지 않아야합니다.
#2.0.49
max.value값 대비 총 합이 적을경우 생성된 남은 영역의 색상을 설정합니다.
key값이 중복되지 않아야합니다.
#2.0.49
max.value값 대비 총 합이 적을경우 생성된 남은 영역의 라벨의 표시 여부를 설정합니다.
#2.0.49
최댓값 라벨을 show/hide 처리합니다.
fullCircle속성 false시 동작합니다.
#2.0.49
extend.donut.max를 Object 타입으로 지정하는 경우 최댓값을 지정합니다.
max.value값이 데이터 총합보다 적을 경우 max.value은 데이터 총합으로 설정됩니다.
#2.0.49
최댓값 라벨을 커스터마이징 합니다.
fullCircle속성 false시 동작합니다.
extend: {
donut: {
displayType: false,
max: {
format: function(value) {
return value+'%';
}
}
}
}
#2.0.49
최솟값 라벨을 show/hide 처리합니다.
fullCircle속성 false시 동작합니다.
#2.0.49
extend.donut.max를 Object 타입으로 지정하는 경우 최솟값을 지정합니다.
#2.0.49
최솟값 라벨을 커스터마이징 합니다.
fullCircle속성 false시 동작합니다.
extend: {
donut: {
min: {
format: function(value) {
return value+'%';
}
}
}
}