맨위로가기
 

SBCHART

닫기

legend

#2.0.0

범례의 위치, 형태 등을 지정합니다.
heatmap은 제외됩니다.

  • Type : Object
  • Format 
    legend: {
  show: true,
  background: false,
  position: "inset",
  inset: {
      anchor: "top-left",
      x: 10,
      y: 0
  },
  padding: 10,
  customLabels: ['커스텀 라벨1', '커스텀 라벨2', '커스텀 라벨3'],
  removeSpace: true,
}

legend.show

#2.0.0

범례의 show/hide 여부를 지정합니다.

  • Type : Boolean
  • Default : true

legend.position

#2.0.0

범례의 위치를 지정합니다.

  • Type : String
  • Default : “bottom”
  • Values
    • top-left: legend 위치 차트 상단 지정, 좌측 정렬
    • top: 차트 상단에 지정, 기본 중앙 정렬
    • top-right: legend 위치 차트 상단 지정, 좌측 정렬
    • bottom-left: legend 위치 차트 하단 지정, 좌측 정렬
    • bottom: legend 위치 차트 하단 지정, 중앙 정렬
    • bottom-right: legend 위치 차트 하단 지정, 우측 정렬
    • left-top: legend 위치 차트 좌측 지정, 상단 정렬
    • left: legend 위치 차트 좌측 지정, 중앙 정렬
    • left-bottom: legend 위치 차트 좌측 지정, 하단 정렬
    • right-top: legend 위치 차트 우측 지정, 상단 정렬
    • right: legend 위치 차트 우측 지정, 중앙 정렬
    • right-bottom: legend 위치 차트 우측 지정, 하단 정렬
    • inset: 차트 내에 위치, 자세한 사항은 legend.inset 참조

legend.background

#2.0.7

제목의 padding을 지정합니다.
legend.position = "bottom" or "right"인 경우 범례의 백그라운드 영역을 표시합니다.
legend.position = "inset"인 경우에는 항상 백그라운드 영역을 표시됩니다.

  • Type : Boolean
  • Default : false

legend.padding

#2.0.0

각 범례 아이템 박스의 padding을 지정합니다.
legend.position = bottom일 때, 마지막 범례의 우측으로는 legend.padding이 적용되지 않습니다. #2.0.8

  • Type : Number
  • Default : 0

legend.customLabels

#2.0.90

커스텀 라벨들을 설정합니다.

해당 옵션을 통해 차트 중 범례를 사용하지 않던 차트에서도 범례를 사용할 수 있습니다.

범례를 사용하던 기존 차트에서 사용하면 기존 라벨 옆에 순서대로 추가 됩니다.

기본 이벤트 동작이 제대로 적용되지 않을 수 있습니다.

- legend.item의 이벤트 관련 옵션들을 통해 기본 이벤트를 변경할 수 있습니다.

  • Type : String []

legend.removeSpace

#2.0.118

legend의 position이 inset이고, step이 1인 경우에 각 legend 사이의 간격에서 space를 제외하도록 설정합니다.
설정하지 않는 경우, 모든 legend의 길이를 체크하여 가장 큰 길이를 기준으로 처리하므로 공백이 발생합니다.

  • Type : Boolean
  • Default : false