2013-03-05 24 views
8

Mi piacerebbe creare una sorta di linea di base nel mio grafico, dove ci sono più colonne e una linea orizzontale di valore "1", che inizia sull'asse y e va oltre l'ultima colonna. Vedere questo esempio:Come estendere o evidenziare una linea orizzontale in Highcharts?

enter image description here

Ora, ho creato qualcosa di simile, ma non è ancora riuscita:

enter image description here

Il codice di serie è semplice:

  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] 
      }] 

Is c'è qualche parametro che posso impostare per estendere la linea? O c'è un altro modo per evidenziare una linea?

Grazie per eventuali suggerimenti!

+0

Potrebbe aggiungere i codici a jsfiddle.net –

risposta

20

Ci sono un sacco di esempio su plotLines

Proprio usare qualcosa di simile a questo:

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

uno di loro: DEMO

3

Sono disponibili due opzioni:

  • utilizzare invece plotLine: http://api.highcharts.com/highcharts#xAxis.plotLines

  • cambio formato dei dati, con un minimo fisso e 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

Grazie mille! Molto utile! – luftikus143

Problemi correlati