맨위로가기
 

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
    • bottom: Default 아래에 위치
    • top: 상단에 위치
    • left: 좌측에 위치
    • right: 우측에 위치
    • 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