DC.js-coordinateGridMixin
좌표 및 축은 coordinateGridMixin Bar Chart, Line Chart 등과 같은 다양한 좌표 그리드 기반의 구체적인 차트 유형을 지원하도록 설계되었습니다. coordinateGridMixin의 계층은 아래 다이어그램에 정의되어 있습니다.
coordinateGridMixin은 좌표 축을 생성 할 때 작업 부하를 줄이기위한 여러 가지 방법을 지원하며 다음과 같습니다.
- brushOn ([brushOn])
- chartBodyG ([본문])
- clipPadding ([패드])
- elasticX ([X])
- 초점 ([범위])
- g ([루트])
- isOrdinal()
- mouseZoomable ([Zoom])
- rangeChart ([범위])
- round(r)
- xAxisMax()
- xAxisMin()
- xUnitCount()
이러한 각 방법에 대해 간략하게 설명하겠습니다.
brushOn ([brushOn])
브러시 기반 범위 필터입니다. On / Off로 설정할 수 있습니다. 브러싱이 켜져있는 경우 사용자는 차트에서 마우스를 드래그 할 수 있습니다. 설정하면 강조 표시, 도구 설명 및 참조 선과 같은 차트의 다른 대화 형 요소를 비활성화 할 수 있습니다. 아래에 정의되어 있습니다-
chart.brushOn = function (brushOn) {
if (!arguments.length) {
return _brushOn;
}
_brushOn = brushOn;
return chart;
};
chartBodyG ([본문])
차트 본문에 대한 SVG 그룹을 검색하는 데 사용됩니다. 다음과 같이이 함수를 호출 할 수 있습니다.
chart.chartBodyG = function (body) {
if (!arguments.length) {
return _chartBodyG;
}
};
clipPadding ([패드])
클립 경로의 패딩을 픽셀 단위로 가져 오거나 설정하는 데 사용됩니다. 아래에 정의되어 있습니다-
chart.clipPadding = function (pad) {
if (!arguments.length) {
return _clipPadding;
}
};
elasticX ([X])
이 방법은 탄력적 인 x 축 동작을 켜거나 끄는 데 사용됩니다. x 축 탄력성이 켜져있는 경우 그리드 차트는 x 축 범위를 다시 계산하려고 시도합니다. 아래 정의 된 다시 그리기 이벤트를 트리거합니다.
chart.elasticX = function (X) {
if (!arguments.length) {
return _x;
}
}
마찬가지로 elasticY ([Y])를 수행 할 수 있습니다.
초점 ([범위])
이 방법은 주어진 범위에 초점을 맞추기 위해 차트를 확대 / 축소하는 데 사용됩니다. 주어진 범위는 두 개의 요소 ([start, end]) 만 포함하는 배열이어야합니다.
g ([루트])
이 메서드는 루트 g 요소를 가져 오거나 설정하는 데 사용됩니다.
isOrdinal ()
이 메서드는 차트 서수 xUnits를 반환하는 데 사용됩니다. 대부분의 차트는 서수 데이터와 다르게 작동하며이 메서드의 결과를 사용하여 적절한 논리를 트리거합니다.
mouseZoomable ([Zoom])
이 메서드는 마우스 확대 / 축소 기능을 설정하거나 가져 오는 데 사용됩니다.
rangeChart ([범위])
인스턴스와 관련된 범위 선택 차트를 가져 오거나 설정하는 데 사용됩니다.
라운드 (r)
이 방법은 브러싱이 활성화 된 경우 선택 항목을 양자화하는 데 사용되는 반올림 기능을 설정하거나 가져 오는 데 사용됩니다.
xAxisMax ()
차트에 표시 할 최대 x 값을 계산합니다. 마찬가지로 Y 축에 대해서도 수행 할 수 있습니다.
xAxisMin ()
차트에 표시 할 최소 x 값을 계산합니다. 마찬가지로 Y 축에 대해서도 수행 할 수 있습니다.
xUnitCount ()
x 축에 표시된 단위 수를 반환합니다. 마찬가지로 Y 축에 대해서도 수행 할 수 있습니다.