#2.0.0
원 차트에 대한 확장 옵션을 지정합니다.
extend: {
pie: {
label: {
show: true,
format: function(value, ratio, id) {
return (ratio * 100).toFixed(3) + "%";
},
outerRange: function(value, ratio, id) {
return ratio*100 < 30;
},
outlineWidth: 5,
},
padding: 0,
fullCircle: true,
displayType: "value"
radiusCompensation: -10,
}
}
#2.0.0
라벨 표시 여부를 지정합니다.
#2.0.17
라벨 표시 위치를 지정합니다.
#2.0.0
라벨을 커스터마이징 합니다.
extend: {
pie: {
label: {
format: function(value, ratio, id) {
return (ratio * 100).toFixed(3) + "%";
}
}
}
}
#2.0.43
label.position="outer" 사용시 label 형태를 outer로 표시할 데이터 필터링 조건을 설정합니다.
extend: {
pie: {
label: {
outerRange: 30
}
}
}
extend: {
pie: {
label: {
outerRange: function(value, ratio, id) {
return ratio*100 < 30;
}
}
}
}
#2.0.154
outline의 두께를 설정합니다.
(position이 outer로 설정되어야 이 속성이 유효합니다.)
#2.0.156
Label의 font-weight를 설정합니다.
( position이 outer일 경우 동작하지 않습니다. )
#2.0.0
각 영역(원호) 사이의 여백을 지정합니다.
#2.0.4
원 차트의 full circle 여부를 지정합니다.
extend.pie.fullCircle = false일 경우 반원으로 표현됩니다.
#2.0.49
원 차트의 value 또는 퍼센트 표시 여부를 지정합니다.
#2.0.137
format으로 2개열로 표시되는 label의 첫번째 라벨 위치를 Y축 방향으로 설정된 값만큼 이동합니다.
config.data.labelMultiLineGap을 이용해서 첫번째 라벨과 두번째 라벨사이의 간격을 조정할 수 있습니다.
#2.0.137
개행처리되는 label의 두번째 라벨의 폰트크기를 설정합니다.
#2.0.137
두번째 라벨의 폰트 스타일을 설정합니다.
config.data.labelMultiLineGap을 이용해서 첫번째 라벨과 두번째 라벨사이의 간격을 조정할 수 있습니다.
#2.0.137
개행처리되는 두번째 라벨의 색상을 설정합니다.
값은 auto와 color name, color value를 사용할 수 있습니다.
auto를 설정하면 legend 색상과 같은 색상으로 설정됩니다.
pink와 같은 색상명이나, #00FFAB와 같은 색상값을 사용할 수 있습니다.
현재는 bold만 지원합니다.
#2.0.150
donut차트의 반지름에 대한 보상값을 설정합니다.
-값의 경우 중심방향으로 줄어듭니다.
#2.0.151
pie차트에서 data에 따라서 반지름의 비율을 설정합니다.
-값의 경우 중심방향으로 줄어듭니다.
#2.0.155
차트의 label이 이전data의 영역을 침범할 경우, 가려서 안보여지지 않도록 설정합니다.