DC.js - koordinateGridMixin

Die Koordinate & Achse wird auch als bezeichnet coordinateGridMixin wurde entwickelt, um eine Reihe von auf Koordinatengittern basierenden konkreten Diagrammtypen wie Balkendiagramm, Liniendiagramm usw. zu unterstützen. Die Hierarchie von KoordinatenGridMixin ist im folgenden Diagramm definiert.

Das KoordinatenGridMixin unterstützt eine Reihe von Methoden, um die Arbeitslast beim Erstellen der Koordinatenachse zu verringern. Diese lauten wie folgt:

  • pinselOn ([pinselOn])
  • chartBodyG ([body])
  • clipPadding ([pad])
  • elasticX ([X])
  • Fokus ([Bereich])
  • g ([root])
  • isOrdinal()
  • mouseZoomable ([Zoom])
  • rangeChart ([range])
  • round(r)
  • xAxisMax()
  • xAxisMin()
  • xUnitCount()

Lassen Sie uns jede dieser Methoden kurz diskutieren.

pinselOn ([pinselOn])

Es ist ein bürstenbasierter Bereichsfilter. Sie können es ein- / ausschalten. Wenn das Bürsten aktiviert ist, kann der Benutzer die Maus über ein Diagramm ziehen. Durch Aktivieren können andere interaktive Elemente im Diagramm deaktiviert werden, z. B. Hervorhebungen, QuickInfos und Referenzlinien. Es ist unten definiert -

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

chartBodyG ([body])

Es wird verwendet, um die SVG-Gruppe für den Diagrammkörper abzurufen. Sie können diese Funktion wie unten gezeigt aufrufen -

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

clipPadding ([pad])

Es wird verwendet, um die Auffüllung in Pixel für den Clippfad abzurufen oder festzulegen. Es ist unten definiert -

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

elasticX ([X])

Diese Methode wird verwendet, um das elastische Verhalten der x-Achse ein- und auszuschalten. Wenn die Elastizität der x-Achse aktiviert ist, versucht das Rasterdiagramm, den Bereich der x-Achse neu zu berechnen. Es löst ein Neuzeichnungsereignis aus, das unten definiert ist -

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

Ebenso können Sie elastisch ([Y]) ausführen.

Fokus ([Bereich])

Diese Methode wird verwendet, um das Diagramm zu zoomen und sich auf den angegebenen Bereich zu konzentrieren. Der angegebene Bereich sollte ein Array sein, das nur zwei Elemente enthält ([Start, Ende]).

g ([root])

Diese Methode wird verwendet, um das root g-Element abzurufen oder festzulegen.

isOrdinal ()

Diese Methode wird verwendet, um die ordinalen xUnits des Diagramms zurückzugeben. Die meisten Diagramme verhalten sich bei Ordnungsdaten anders und verwenden das Ergebnis dieser Methode, um die entsprechende Logik auszulösen.

mouseZoomable ([Zoom])

Diese Methode wird verwendet, um die Mauszoomfunktion einzustellen oder abzurufen.

rangeChart ([range])

Es wird verwendet, um das der Instanz zugeordnete Bereichsauswahldiagramm abzurufen oder festzulegen.

Runde (r)

Diese Methode wird verwendet, um die Rundungsfunktion festzulegen oder abzurufen, mit der die Auswahl quantisiert wird, wenn das Bürsten aktiviert ist.

xAxisMax ()

Berechnet den maximalen x-Wert, der im Diagramm angezeigt werden soll. Ebenso können wir für die Y-Achse durchführen.

xAxisMin ()

Berechnet den minimalen x-Wert, der im Diagramm angezeigt werden soll. Ebenso können wir für die Y-Achse durchführen.

xUnitCount ()

Gibt die Anzahl der auf der x-Achse angezeigten Einheiten zurück. Ebenso können wir für die Y-Achse durchführen.