2016-04-04 5 views
2

Wenn ich ein Diagramm erstellen, ich eine schöne Linie auf der rechten Seite des Diagramms wie so platzieren können:Linienstärke auf beiden Seiten des Diagramms

yAxis: [{ 
    height: '65%', 
    offset: 0, 
    lineWidth: 2 
}, { 
    top: '75%', 
    height: '25%', 
    offset: 0, 
    lineWidth: 2 
}] 

Line on right

Ich bin gebeten worden, ein hinzufügen zusätzliche Zeile auf der linken Seite des Diagramms, aber ich sehe keine integrierte Möglichkeit, das in API docs zu tun. Gibt es eine Möglichkeit, dies zu tun?

Antwort

3

Eine Möglichkeit könnte sein, y Achsen auf der linken Seite hinzuzufügen, die linkedTo y Hauptachsen sind.

Beispiel: http://jsfiddle.net/86zm6cav/

 yAxis: [{ 
      labels: { 
       align: 'right', 
       x: -3 
      }, 
      title: { 
       text: 'OHLC' 
      }, 
      height: '60%', 
      lineWidth: 2 
     }, { 
      labels: { 
       align: 'right', 
       x: -3 
      }, 
      title: { 
       text: 'Volume' 
      }, 
      top: '65%', 
      height: '35%', 
      offset: 0, 
      lineWidth: 2 
     }, { 
      opposite: false, 
      height: '60%', 
      linkedTo: 0, 
      lineWidth: 2, 
      offset: 0, 
      labels: { 
       enabled: false 
      } 
     }, { 
      opposite: false, 
      top: '65%', 
      height: '35%', 
      linkedTo: 1, 
      lineWidth: 2, 
      offset: 0, 
      labels: { 
       enabled: false 
      } 
     }], 

Andere Option ist Renderer zu verwenden und einen benutzerdefinierten Pfad (e) zu erstellen.

API-Referenz für Renderer: http://api.highcharts.com/highcharts#Renderer.path