가이드
Release
v1.4.27

➕ 기능 추가

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' 추가

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' }
}

✨ 기능 개선

내보내기 컨텍스트 메뉴

  • 내보내기 메뉴가 열린 상태에서 차트 바깥 영역을 클릭하면 메뉴가 닫히도록 개선되었습니다.