教程 > dc.js 中文教程 > 阅读:41

dc.js coordinategridmixin——迹忆客-ag捕鱼王app官网

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

dc.js 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 轴执行。

查看笔记

扫码一下
查看教程更方便
网站地图