2013-03-05 2 views
8

Ich möchte eine Art Basislinie in meinem Diagramm erstellen, wo es mehrere Spalten und eine horizontale Linie von Wert "1" gibt, die auf der y-Achse beginnt und über die letzte Spalte hinausgeht. Sehen Sie folgendes Beispiel:Wie kann eine horizontale Linie in Highcharts verlängert oder hervorgehoben werden?

enter image description here

Jetzt habe ich etwas Ähnliches erstellt, aber es ist noch nicht gelungen:

enter image description here

Der Serien-Code ist einfach:

  series: 
      [{ 
       type: 'column', 
       data: [4.05,2.81,2.1,1.20,0.37] 
      }, 
      { 
       type: 'line', 
       name: 'Globale Biokapazität', 
       data: [1,1,1,1,1] 
      }] 

Ist Gibt es einen Parameter, den ich einstellen kann, um die Linie zu verlängern? Oder gibt es eine andere Möglichkeit, eine Linie hervorzuheben?

Danke für Hinweise!

+0

Könnten Sie Ihre Codes in jsfiddle.net –

Antwort

20

Es gibt viele Beispiel über plotLines

Nur etwas wie folgt verwenden:

yAxis: { 
    plotLines:[{ 
     value:450, 
     color: '#ff0000', 
     width:2, 
     zIndex:4, 
     label:{text:'goal'} 
    }] 
}, 

einer von ihnen: DEMO

3

Sie haben zwei Möglichkeiten:

  • Verwenden Sie stattdessen plotLine: http://api.highcharts.com/highcharts#xAxis.plotLines

  • ändern Datenformat, mit festen min und max:

     xAxis: { 
         min: 0, 
         max: 5 
        }, 
        series: 
        [{ 
         type: 'column', 
         data: [4.05,2.81,2.1,1.20,0.37] 
        }, 
        { 
         type: 'line', 
         name: 'Globale Biokapazität', 
         data: [[-0.5, 1] , [5.5, 1]] 
        }] 
    
+0

Vielen Dank hinzuzufügen! Sehr hilfreich! – luftikus143

Verwandte Themen