DC.js - coordenadaGridMixin

Las coordenadas y el eje también se denominan coordinateGridMixin está diseñado para admitir varios tipos de gráficos concretos basados ​​en cuadrículas de coordenadas, como gráficos de barras, gráficos de líneas, etc. La jerarquía de coordenadaGridMixin se define en el siguiente diagrama.

CoordinarGridMixin admite una serie de métodos para reducir la carga de trabajo en la creación del eje de coordenadas y son los siguientes:

  • brushOn ([brushOn])
  • chartBodyG ([body])
  • clipPadding ([pad])
  • elasticX ([X])
  • enfoque ([rango])
  • g ([raíz])
  • isOrdinal()
  • mouseZoomable ([Zoom])
  • rangeChart ([rango])
  • round(r)
  • xAxisMax()
  • xAxisMin()
  • xUnitCount()

Analicemos brevemente cada uno de estos métodos.

brushOn ([brushOn])

Es un filtro de rango basado en pincel. Puede activarlo o desactivarlo. Si el cepillado está activado, el usuario puede arrastrar el mouse por un gráfico. Activar puede deshabilitar otros elementos interactivos en el gráfico, como resaltado, información sobre herramientas y líneas de referencia. Se define a continuación:

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

chartBodyG ([body])

Se utiliza para recuperar el grupo SVG para el cuerpo del gráfico. Puede llamar a esta función como se muestra a continuación:

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

clipPadding ([pad])

Se utiliza para obtener o establecer el relleno en píxeles para la ruta del clip. Se define a continuación:

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

elasticX ([X])

Este método se utiliza para activar / desactivar el comportamiento elástico del eje x. Si la elasticidad del eje x está activada, el gráfico de cuadrícula intentará volver a calcular el rango del eje x. Activa un evento de redibujo que se define a continuación:

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

Del mismo modo, puede realizar elasticY ([Y]).

enfoque ([rango])

Este método se usa para hacer zoom en el gráfico y enfocarse en el rango dado. El rango dado debe ser una matriz que contenga solo dos elementos ([inicio, fin]).

g ([raíz])

Este método se utiliza para obtener o establecer el elemento raíz g.

isOrdinal ()

Este método se utiliza para devolver el gráfico ordinal xUnits. La mayoría de los gráficos se comportan de manera diferente con datos ordinales y utilizan el resultado de este método para activar la lógica adecuada.

mouseZoomable ([Zoom])

Este método se utiliza para configurar u obtener la capacidad de zoom del mouse.

rangeChart ([rango])

Se utiliza para obtener o establecer el gráfico de selección de rango asociado con la instancia.

redondo (r)

Este método se utiliza para establecer u obtener la función de redondeo utilizada para cuantificar la selección cuando el cepillado está habilitado.

xAxisMax ()

Calcula el valor x máximo para mostrar en el gráfico. Del mismo modo, podemos realizar para el eje Y.

xAxisMin ()

Calcula el valor de x mínimo para mostrar en el gráfico. Del mismo modo, podemos realizar para el eje Y.

xUnitCount ()

Devuelve el número de unidades que se muestran en el eje x. Del mismo modo, podemos realizar para el eje Y.