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.