DC.js - coordinateGridMixin

La coordinata e l'asse sono anche chiamate coordinateGridMixin è progettato per supportare una serie di tipi di grafici concreti basati su griglia di coordinate come grafico a barre, grafico a linee, ecc. La gerarchia di coordinateGridMixin è definita nel diagramma sottostante.

Il coordinateGridMixin supporta una serie di metodi per ridurre il carico di lavoro nella creazione dell'asse delle coordinate e sono i seguenti:

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

Parliamo brevemente di ciascuno di questi metodi.

brushOn ([brushOn])

È un filtro di intervallo basato sul pennello. Puoi impostarlo su On / Off. Se la spazzolatura è attiva, l'utente può trascinare il mouse su un grafico. L'attivazione può disabilitare altri elementi interattivi sul grafico come l'evidenziazione, i suggerimenti e le linee di riferimento. È definito di seguito:

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

chartBodyG ([body])

Viene utilizzato per recuperare il gruppo SVG per il corpo del grafico. È possibile chiamare questa funzione come mostrato di seguito:

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

clipPadding ([pad])

Viene utilizzato per ottenere o impostare il riempimento in pixel per il percorso della clip. È definito di seguito:

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

elasticX ([X])

Questo metodo viene utilizzato per attivare / disattivare il comportamento dell'asse x elastico. Se l'elasticità dell'asse x è attivata, il grafico a griglia tenterà di ricalcolare l'intervallo dell'asse x. Attiva un evento di ridisegno definito di seguito:

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

Allo stesso modo, puoi eseguire elasticY ([Y]).

messa a fuoco ([intervallo])

Questo metodo viene utilizzato per ingrandire il grafico per concentrarsi su un determinato intervallo. L'intervallo dato dovrebbe essere un array contenente solo due elementi ([inizio, fine]).

g ([root])

Questo metodo viene utilizzato per ottenere o impostare l'elemento radice g.

isOrdinal ()

Questo metodo viene utilizzato per restituire le xUnits ordinali del grafico. La maggior parte dei grafici si comporta in modo diverso con i dati ordinali e utilizza il risultato di questo metodo per attivare la logica appropriata.

mouseZoomable ([Zoom])

Questo metodo viene utilizzato per impostare o ottenere la funzionalità di zoom del mouse.

rangeChart ([range])

Viene utilizzato per ottenere o impostare il grafico di selezione dell'intervallo associato all'istanza.

rotondo (r)

Questo metodo viene utilizzato per impostare o ottenere la funzione di arrotondamento utilizzata per quantizzare la selezione quando è abilitato lo spazzolamento.

xAxisMax ()

Calcola il valore x massimo da visualizzare nel grafico. Allo stesso modo, possiamo eseguire per l'asse Y.

xAxisMin ()

Calcola il valore x minimo da visualizzare nel grafico. Allo stesso modo, possiamo eseguire per l'asse Y.

xUnitCount ()

Restituisce il numero di unità visualizzate sull'asse x. Allo stesso modo, possiamo eseguire per l'asse Y.