DC.js-범례

Legend는 부착 가능한 화면 사용자 정의입니다. 가로 범례 레이블을 렌더링하기 위해 다른 DC 차트에 추가 할 수 있습니다. 이 장에서는 범례에 대해 자세히 설명합니다.

범례 방법

Legend는 다음과 같은 중요한 방법을 지원합니다. 각각을 자세히 살펴 보겠습니다.

autoItemWidth ([너비])

이 방법은 범례 항목의 자동 너비를 설정하거나 해제하는 데 사용됩니다. true이면 itemWidth가 무시됩니다. 아래에 정의되어 있습니다-

legend.autoItemWidth = function (width) {
   if (!arguments.length) {
      return _width;
   }
}

간격 ([간격])

이 방법은 범례 항목 간의 간격을 설정하거나 가져 오는 데 사용됩니다. 다음과 같이 정의됩니다-

legend.gap = function (gap) {
   if (!arguments.length) {
      return _gap;
   }
}

가로 ([h])

이 방법은 범례를 가로로 배치하는 데 사용되며 다음과 같이 정의됩니다.

_legend.horizontal = function (h) {
   if (!arguments.length) {
      return _h;
   }
};

itemHeight ([itemHeight])

이 메서드는 범례 항목 높이를 설정하거나 가져 오는 데 사용됩니다.

legend.itemHeight = function (itemHeight) {
   if (!arguments.length) {
      return _itemHeight;
   }
};

itemWidth ([itemWidth])

이 메서드는 가로 범례의 항목 너비를 범례에 설정하거나 가져 오는 데 사용됩니다.

_legend.itemWidth = function (itemWidth) {
   if (!arguments.length) {
      return _itemWidth;
   }
};

legendText ([텍스트])

이 메서드는 범례 텍스트 기능을 설정하거나 가져 오는 데 사용됩니다. 범례 위젯은이 함수를 사용하여 각 항목의 범례 텍스트를 렌더링합니다. 기능을 지정하지 않으면 범례 위젯에 각 그룹과 관련된 이름이 표시됩니다. 간단한 예가 아래에 나와 있습니다.

legend.legendText(dc.pluck('name'))

maxItems ([항목])

이 방법은 최대 범례 항목 수를 표시하는 데 사용됩니다.

x ([x])

범례 위젯의 x 좌표를 설정하거나 가져 오는 데 사용되며 아래에 정의되어 있습니다.

legend.x = function (x) {
   if (!arguments.length) {
      return _x;
   }
};

마찬가지로 y 좌표를 수행 할 수도 있습니다.