➕ 기능 추가
axis.minorTick (opens in a new tab) 보조 눈금 지원
- linear · log · time 축에서 major tick 사이에 보조 눈금을 표시하는
minorTick옵션이 추가되었습니다. count로 한 구간에 표시할 개수를,length로 눈금 선 길이를 지정할 수 있습니다.
xAxis: [{
type: 'linear',
minorTick: { visible: true, count: 4, length: 4 }
}]axis.grid.minorGrid (opens in a new tab) 보조 격자선 지원
- major grid 사이에 보조 격자선을 표시하는
grid.minorGrid옵션이 추가되었습니다. - 위치는
minorTick.count와 동일하게 계산되며,minorTick표시 여부와 무관하게 격자선만 따로 표시할 수 있습니다.
xAxis: [{
type: 'linear',
grid: { visible: true, minorGrid: { visible: true, count: 4 } }
}]shapeAnnotation.shape (opens in a new tab) 'arrow' 추가
- shape 어노테이션에
x1,y1,x2,y2로 시작·끝점을 지정하는 직선 화살표'arrow'가 추가되었습니다. lineWidth(opens in a new tab)로 선 굵기를,headSize(opens in a new tab)로 화살표 머리 크기를 지정할 수 있습니다.
annotations: [{
type: 'shape',
shape: 'arrow',
x1: 1, y1: 10, x2: 4, y2: 40,
lineWidth: 2, headSize: 12
}]polar body.innerRadius (opens in a new tab) 도넛 영역 지원
- 극좌표계(polar) 차트에서 플롯 영역 안쪽 반지름을 지정해 도넛 형태로 만드는
body.innerRadius가 추가되었습니다. innerRadius가 0보다 클 때 도넛 구멍 중앙에 텍스트를 표시하는body.innerText(opens in a new tab)가 추가되었습니다.
body: {
polar: true,
innerRadius: '40%',
innerText: { text: 'RealChart' }
}✨ 기능 개선
내보내기 컨텍스트 메뉴
- 내보내기 메뉴가 열린 상태에서 차트 바깥 영역을 클릭하면 메뉴가 닫히도록 개선되었습니다.