2013-05-21 14 views
5

Ho bisogno di aggiungere una nuova serie a questo grafico che mi consentirà di evidenziare/ombreggiare un particolare intervallo di date. Deve essere al 100% dell'altezza del grafico.Highcharts - Intervallo di date Highlight/Shade

Stavo cercando di utilizzare un'altra serie di aree, ma non ho potuto farlo funzionare come volevo, dato che ho due serie di aree esistenti su questo grafico.

Ho pensato un'altra serie che aveva un 1 o 0 per il particolare punto per indicare se dovrebbe essere evidenziato o no?

{name: 'mydates', 
    color:'red', 
    fillOpacity: 0.3, 
    data: [0, 0, 0,1,1,1,1, 1, 1,1,0,0], 
    type:'area', 
    stacking: 'percent' 
}, 

http://jsfiddle.net/L3ynM/

Il problema con il mio campione:

  • La serie 'mydates' non prende altezza 100% del grafico
  • Se la serie '' mydates inizia midchart , inizia con un angolo. Mi piacerebbe che per andare verso l'alto
+4

Hai provato una trama? http://api.highcharts.com/highcharts#xAxis.plotBands O deve essere una serie con una voce della legenda? – jlbriggs

risposta

10

A meno che non si ha realmente bisogno la voce di legenda, mi consiglia di utilizzare plotBands invece

http://api.highcharts.com/highcharts#xAxis.plotBands

È anche possibile fare in questo modo, se si fa davvero bisogno la leggenda:

http://jsfiddle.net/jlbriggs/JVNjs/305/

data:[[1.5,0],[1.5,80],[2.25,80],[2.25,0]] 

Essa si basa in pa rt su come impostare un minimo e un massimo, e usando quei valori minimo e massimo come punti dati y.

+1

Non sono sicuro che l'utilizzo del secondo metodo funzionerà perché ho già delle aree impilate nel mio grafico. Il metodo della banda trama è perfetto, grazie! http://jsfiddle.net/L3ynM/2/ – Tom

+0

Un modo per farlo senza che si sovrapponga alla linea .. per fungere da sfondo invece di cambiare linea, ecc. Anche l'opacità non sembra fare nulla. – KingOfHypocrites

Problemi correlati