DC.js - coordinateGridMixin

A Coordenada e o Eixo também denominado como coordinateGridMixin foi projetado para oferecer suporte a vários tipos de gráficos concretos baseados em grade de coordenadas, como Gráfico de Barras, Gráfico de Linha, etc. A hierarquia de coordinateGridMixin é definida no diagrama abaixo.

O coordinateGridMixin suporta uma série de métodos para reduzir a carga de trabalho na criação do eixo de coordenadas e são os seguintes -

  • brushOn ([brushOn])
  • chartBodyG ([body])
  • clipPadding ([pad])
  • elasticX ([X])
  • foco ([alcance])
  • g ([root])
  • isOrdinal()
  • mouseZoomable ([Zoom])
  • rangeChart ([range])
  • round(r)
  • xAxisMax()
  • xAxisMin()
  • xUnitCount()

Vamos discutir cada um desses métodos resumidamente.

brushOn ([brushOn])

É um filtro de intervalo baseado em pincel. Você pode definir como Ligado / Desligado. Se o pincel estiver ativado, o usuário pode arrastar o mouse por um gráfico. Ativar pode desativar outros elementos interativos no gráfico, como destaque, dicas de ferramentas e linhas de referência. É definido abaixo -

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

chartBodyG ([body])

É usado para recuperar o grupo SVG para o corpo do gráfico. Você pode chamar esta função conforme mostrado abaixo -

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

clipPadding ([pad])

É usado para obter ou definir o preenchimento em pixels para o caminho do clipe. É definido abaixo -

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

elasticX ([X])

Este método é usado para ligar / desligar o comportamento elástico do eixo x. Se a elasticidade do eixo x estiver ativada, o gráfico de grade tentará recalcular o intervalo do eixo x. Ele aciona um evento de redesenho que é definido abaixo -

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

Da mesma forma, você pode executar elasticY ([Y]).

foco ([alcance])

Este método é usado para ampliar o gráfico para focar em um determinado intervalo. O intervalo fornecido deve ser uma matriz contendo apenas dois elementos ([início, fim]).

g ([root])

Este método é usado para obter ou definir o elemento g raiz.

isOrdinal ()

Este método é usado para retornar os xUnits ordinais do gráfico. A maioria dos gráficos se comporta de maneira diferente com os dados ordinais e usa o resultado desse método para acionar a lógica apropriada.

mouseZoomable ([Zoom])

Este método é usado para definir ou obter a capacidade de zoom do mouse.

rangeChart ([range])

É usado para obter ou definir o gráfico de seleção de intervalo associado à instância.

rodada (r)

Este método é usado para definir ou obter a função de arredondamento usada para quantizar a seleção quando a escovação está habilitada.

xAxisMax ()

Calcula o valor máximo de x a ser exibido no gráfico. Da mesma forma, podemos executar para o eixo Y.

xAxisMin ()

Calcula o valor mínimo de x para exibir no gráfico. Da mesma forma, podemos executar para o eixo Y.

xUnitCount ()

Retorna o número de unidades exibidas no eixo x. Da mesma forma, podemos executar para o eixo Y.