DC.js - 座標網格混合

---

---

座標和軸也稱為coordinateGridMixin，旨在支援許多基於座標網格的具體圖表型別，例如條形圖、線圖等。coordinateGridMixin 的層次結構在下面的圖表中定義。

coordinateGridMixin 支援許多方法來減少建立座標軸的工作量，它們如下所示：

• brushOn( [brushOn])
• chartBodyG( [body])
• clipPadding( [pad])
• elasticX( [X])
• focus( [range])
• g( [root])
• isOrdinal()
• mouseZoomable( [Zoom])
• rangeChart( [range])
• round(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( [pad])

它用於獲取或設定剪輯路徑的填充（以畫素為單位）。它定義如下：

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( [range])

此方法用於縮放圖表以聚焦於給定的範圍。給定的範圍應該是一個僅包含兩個元素的陣列（[start, end]）。

g( [root])

此方法用於獲取或設定根 g 元素。

isOrdinal()

此方法用於返回圖表序數 xUnits。大多數圖表在處理序數資料時行為不同，並使用此方法的結果來觸發相應的邏輯。

mouseZoomable( [Zoom])

此方法用於設定或獲取滑鼠縮放功能。

rangeChart( [range])

它用於獲取或設定與例項關聯的範圍選擇圖表。

round(r)

此方法用於設定或獲取在啟用刷子時用於量化選擇的舍入函式。

xAxisMax()

計算圖表中要顯示的最大 x 值。同樣，我們可以對 Y 軸執行此操作。

xAxisMin()

計算圖表中要顯示的最小 x 值。同樣，我們可以對 Y 軸執行此操作。

xUnitCount()

返回 x 軸上顯示的單位數。同樣，我們可以對 Y 軸執行此操作。