eckig 4 ​​Highcharts set yAchsen Kategorien

Question

Ich benutze angular4 und Highcharts. Ich möchte ein Diagramm mit zwei Y-Achsen erstellen.

So:

1. Es zeigen nur eine Reihe von Daten
2. es 2 yaxis zeigen werden, einer von ihnen wird Etiketten, die ich definieren (es nur 2 Etiketten: 0 + max-Wert)

Wie kann ich das tun?

I.e.

Answer 1

diese Live-Demo Siehe:http://jsfiddle.net/kkulig/dhsgo47z/

Wenn Sie die sekundäre Achse die gleichen Extreme wie die primären haben wollen dann ein guter Ort, um die neue Achse hinzuzufügen, ist ein Ladeereignis (weil sie nicht fest codierten Werte verwenden): die genauen Positionen von Zecken zu setzen dient

chart: { 
    events: { 
     load: function() { 
     var primaryYAxis = this.yAxis[0]; 

     this.addAxis({ 
      title: { 
      text: 'Secondary' 
      }, 
      min: primaryYAxis.min, 
      max: primaryYAxis.max, 
      tickPositions: [0, primaryYAxis.max], 
      endOnTick: false, 
      labels: { 
      formatter: function() { 
       return this.isLast ? "Maximum" : this.value; 
      } 
      } 
     }, false); 
     } 
    } 
    }, 

tickPositiones (es werde ein nicht mehr sein d nicht weniger als definiert). labels.formatter wird verwendet, um dem zweiten Tick einen benutzerdefinierten Zeichenfolgenwert zu geben.

---

API-Referenz:

• https://api.highcharts.com/class-reference/Highcharts.Chart#addAxis
• https://api.highcharts.com/highcharts/xAxis.tickPositions
• https://api.highcharts.com/highcharts/yAxis.labels.formatter