가이드
릴리즈
v1.1.27

v1.1.27

기능 추가

맵 시리즈 선택

  • 맵 시리즈에 selection 옵션이 추가되었습니다. selection.visible로 선택 가능 여부를, selection.style로 선택된 영역의 스타일을 지정합니다. #702
  • selection.unselectedStyle 옵션으로 선택되지 않은 영역의 스타일을 지정할 수 있게 되었습니다. 차트에 선택된 영역이 하나라도 있을 때 적용되며, 선택을 모두 해제하면 원래 스타일로 돌아옵니다. 지정하지 않으면 선택되지 않은 영역의 스타일은 바뀌지 않습니다.
  • selection.style과 selection.unselectedStyle에는 스타일 객체나 class 이름을 지정할 수 있습니다.
  • 기존 selectable·selectStyle·selectedStyle 옵션은 deprecated되었습니다. 계속 동작하며, selectStyle과 selection.style을 함께 지정하면 selection.style이 우선합니다.

focus 데이터포인트

  • 가장 마지막에 선택한 데이터포인트를 focus로 삼습니다. chart.selection.focusedPoint로 읽고, focus가 바뀌면 onFocusChanged 콜백이 호출됩니다. #708
  • 맵 시리즈의 selection.focus 옵션으로 focus 데이터포인트의 표시 여부와 스타일을 지정할 수 있습니다.

id로 선택·해제하는 API

  • chart.selection.addPoints()와 chart.selection.unselectPoints()가 추가되었습니다. 영역 id로 선택을 더하거나 해제하며, { 시리즈이름: id } 형태로 시리즈를 지정할 수 있습니다. 시리즈를 지정하지 않으면 화면에 보이는 선택 가능한 시리즈 모두에 적용됩니다. #702
  • 여러 영역을 한 번에 선택하거나 해제해도 onSelectionChanged 콜백은 한 번만 호출됩니다.
  • 첫 렌더 전에는 선택할 데이터포인트가 없으므로, 차트 생성 직후 선택하려면 createChart·createChartAsync·load의 callback 안에서 호출해야 합니다.

동작 변경

맵 시리즈 선택

  • 선택할 수 없는 시리즈(selection.visible이 false)의 영역은 마우스 클릭뿐 아니라 series.select() 같은 API로도 선택되지 않습니다. #702
  • selection.visible을 false로 바꾸면 그 시리즈의 선택이 해제됩니다. 다시 true로 바꿔도 이전 선택은 복원되지 않습니다.
  • 선택된 영역에도 마우스를 올리면 hover 스타일이 표시됩니다.

클릭 선택 규칙

  • 영역을 클릭하면 그 영역만 선택되고, Shift·Ctrl·Cmd 키를 누른 채 클릭하면 기존 선택을 유지하며 토글합니다. #708
  • 이미 선택된 영역을 다시 선택하면 focus가 그 영역으로 옮겨 가며, onFocusChanged만 호출됩니다.

버그 수정

맵 시리즈 선택

  • series.unselect()로 선택을 해제해도 chart.selection의 선택 목록에 영역이 남아 있던 문제가 수정되었습니다. 이제 chart.selection.count와 contains()에도 해제가 반영됩니다. #702