2017-01-12 4 views
-1

Ich habe ein Balkendiagramm und zwei Werte x (es geht wie 0 5 10 usw.) und y (es geht wie 0 1000 2000) Ist es möglich, die Balken, die nach 25 erscheinen auf der x-Achse?c3.js etwas Besonderes markieren

Ich fand chart.focus (targetIds) aber ich konnte nicht herausfinden, wie man it verwendet.

Antwort

1

Das Wichtigste zuerst: Es gibt keine Funktion dafür. Chart.focus(targetId) wird verwendet, um einen vollständigen Datensatz zu markieren und nur wenn das Diagramm geladen wurde. Es wird nach einem mouseover aufhellen.

Stattdessen können Sie eine Problemumgehung verwenden, indem Sie Gruppen verwenden. Die hervorgehobene und die nicht hervorgehobene müssen in verschiedenen Gruppen mit verschiedenen Farben sein.

Die Nachteile: Sie haben doppelt so Spalten wie zuvor und wenn Sie den Tooltip und die Legende verwenden, müssen Sie es formatieren, oder es wird hässlich sein.

Aber wenn Sie mit diesem ok sind, ist hier ein Beispiel: jsFiddle

+0

Dank @Akoya! Ich denke, ich fand eine Lösung, aber es kommt zu dem Punkt, dass die Änderung der Farbe zu einer hellen Farbe als Hervorhebung betrachtet werden sollte: Eine Funktion kann geschrieben werden, um nach 25 zu markieren, um wie im folgenden Code zu verwenden (ich werde geben das Beispiel auf Index jetzt): 'Farbe: function (Farbe, d) { return Farben [d.index] }' Check [jsFiddle] (http://jsfiddle.net/gUf6a/1 /) für mehr. (den Farbcode auskommentieren). –