Dcjs-coordinategridmixin
DC.js -ordinateGridMixin
*coordinateGridMixin* とも呼ばれるCoordinate&Axisは、棒グラフ、折れ線グラフなどの具体的なグラフタイプに基づいた座標グリッドをサポートするように設計されています。 ordinateGridMixinの階層は、次の図で定義されています。
ordinateGridMixinは、座標軸を作成する際の作業負荷を軽減するための多くのメソッドをサポートし、それらは次のとおりです-
- brushOn([brushOn])
- chartBodyG([body])
- clipPadding([パッド])
- elasticX([X])
- focus([範囲])
- g([ルート])
- isOrdinal()
- mouseZoomable([ズーム])
- rangeChart([範囲])
- ラウンド(r)
- xAxisMax()
- xAxisMin()
- xUnitCount()
これらの各方法について簡単に説明します。
brushOn([brushOn])
これは、ブラシベースの範囲フィルターです。 オン/オフを設定できます。 ブラッシングがオンの場合、ユーザーはマウスをチャート上でドラッグできます。 オンにすると、強調表示、ツールヒント、参照線など、チャート上の他のインタラクティブな要素を無効にできます。 以下に定義されています-
chart.brushOn = function (brushOn) {
if (!arguments.length) {
return _brushOn;
}
_brushOn = brushOn;
return chart;
};
chartBodyG([body])
チャート本体の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])を実行できます。
focus([範囲])
このメソッドは、チャートをズームして特定の範囲に焦点を合わせるために使用されます。 指定された範囲は、2つの要素([start、end])のみを含む配列でなければなりません。
g([ルート])
このメソッドは、ルートg要素を取得または設定するために使用されます。
isOrdinal()
このメソッドは、チャートの序数xUnitsを返すために使用されます。 ほとんどのチャートは順序データでは異なる動作をし、このメソッドの結果を使用して適切なロジックをトリガーします。
mouseZoomable([ズーム])
このメソッドは、マウスのズーム機能を設定または取得するために使用されます。
rangeChart([範囲])
インスタンスに関連付けられた範囲選択チャートを取得または設定するために使用されます。
ラウンド(r)
このメソッドは、ブラッシングが有効なときに選択を量子化するために使用される丸め関数を設定または取得するために使用されます。
xAxisMax()
チャートに表示する最大x値を計算します。 同様に、Y軸についても実行できます。
xAxisMin()
グラフに表示する最小x値を計算します。 同様に、Y軸についても実行できます。
xUnitCount()
x軸に表示されるユニットの数を返します。 同様に、Y軸についても実行できます。