Übergeben Sie benutzerdefinierte Daten in Datum/Uhrzeit-Achsenbeschriftungen Formatierer

Question

Es ist sehr einfach, benutzerdefinierte Daten in den Tooltip-Formatierer zu übergeben, indem Sie einfach zusätzliche Eigenschaften für die einzelnen Datenelemente hinzufügen.

Aber ich kann nicht scheinen, einen Weg zu finden, Eigenschaft in xAxis.labels.formatter ohne globale Bereichsvariablen zu übergeben.

Momentan muss ich eine Zeichenfolge übergeben, die mir bei der benutzerdefinierten Formatierung des Labels in Zukunft helfen wird.

Wer weiß, wie man das macht?

Answer 1

Sie können eine benutzerdefinierte Eigenschaft im Etikettenoptionsobjekt definieren. Eigentlich können Sie eine Eigenschaft definieren, wo immer Sie wollen, aber ich nehme an, dieser Ort passt am besten.

In einem Formatierer Callback können Sie über this.axis.options.labels['customProperty'] darauf zugreifen.

xAxis: { 
     categories: ['Foo', 'Bar', 'Foobar'], 

     labels: { 
      formatter: function() { 
        return this.value + ' ' + this.axis.options.labels.myString; 
      }, 

      myString: 'myString' 
     } 
    }, 

Beispiel: http://jsfiddle.net/0o4xe4rb/