当前位置: 首页 > 文档资料 > DC.js 入门教程 >

coordinateGridMixin(coordinateGridMixin)

优质
小牛编辑
125浏览
2023-12-01

Coordinate&Axis也称为coordinateGridMixin ,旨在支持多种基于坐标网格的具体图表类型,如条形图,折线图等.assiteGridMixin的层次结构在下图中定义。

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轴。