开发手册 欢迎您!
软件开发者资料库

DC.js - coordinateGridMixin

Coordin.js coordinateGridMixin - 从简单和简单的步骤学习DC.js,从基本到高级概念,包括简介,安装,概念,Crossfilter简介,D3.js简介,Mixins,baseMixin,capMixin,colorMixin,marginMixin,coordinateGridMixin饼图,线,酒吧,复合,系列,分散,气泡图,热图,数据计数,表,网格,图例,仪表板工作示例。

坐标& 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轴.