DC.js -坐标GridMixin

---

坐标和轴也称为坐标网格混合，旨在支持许多基于坐标网格的具体图表类型，例如条形图、折线图等。坐标网格混合的层次结构如下图定义。

坐标GridMixin支持多种方法来减少创建坐标轴的工作量，它们如下：

• 刷子（[刷子]）
• ChartBodyG([正文])
• 剪辑填充（[垫]）
• 弹性X（[X]）
• 焦点（[范围]）
• g([根])
• isOrdinal()
• mouseZoomable([缩放])
• 范围图表（[范围]）
• 轮（右）
• x轴最大()
• xAxisMin()
• xUnitCount()

让我们简要讨论这些方法。

刷子（[刷子]）

它是一个基于画笔的范围过滤器。您可以将其设置为开/关。如果打开了刷动，用户可以在图表上拖动鼠标。打开可以禁用图表上的其他交互元素，例如突出显示、工具提示和参考线。它的定义如下 -

chart.brushOn = function (brushOn) {
   if (!arguments.length) {
      return _brushOn;
   }
   _brushOn = brushOn;
   return chart;
};

ChartBodyG([正文])

它用于检索图表主体的 SVG 组。您可以调用此函数，如下所示 -

chart.chartBodyG = function (body) {
   if (!arguments.length) {
      return _chartBodyG;
   }
};

剪辑填充（[垫]）

它用于获取或设置剪辑路径的填充（以像素为单位）。它的定义如下 -

chart.clipPadding = function (pad) {
   if (!arguments.length) {
      return _clipPadding;
   }   
};

弹性X（[X]）

此方法用于打开/关闭弹性 x 轴Behave。如果打开 x 轴弹性，则网格图将尝试重新计算 x 轴范围。它会触发下面定义的重绘事件 -

chart.elasticX = function (X) {
   if (!arguments.length) {
      return _x;
   }
}

同样，可以执行elasticY([Y])。

焦点（[范围]）

此方法用于缩放图表以聚焦于给定范围。给定范围应该是一个仅包含两个元素（[start, end]）的数组。

g([根])

该方法用于获取或设置根g元素。

isOrdinal()

此方法用于返回图表序数 xUnits。大多数图表对于序数数据的Behave有所不同，并使用此方法的结果来触发适当的逻辑。

mouseZoomable([缩放])

该方法用于设置或获取鼠标缩放功能。

范围图表（[范围]）

它用于获取或设置与实例关联的范围选择图表。

轮（右）

此方法用于设置或获取用于在启用画笔时量化选择的舍入函数。

x轴最大()

计算要在图表中显示的最大 x 值。同样，我们可以对Y轴进行操作。

xAxisMin()

计算要在图表中显示的最小 x 值。同样，我们可以对Y轴进行操作。

xUnitCount()

返回 x 轴上显示的单位数。同样，我们可以对Y轴进行操作。