2013-03-27 12 views
6

Esiste un modo semplice per utilizzare valori di suffisso diversi su ciascuna riga?Un suffisso diverso per ogni riga su Highstock/Highcharts

In questo momento ho 3 righe, sto cercando di cambiare il suffisso per ciascuna, ma sono stato in grado di trovarlo solo utilizzando la funzione di formattazione.

Ma se uso la funzione di formattazione ho bisogno di modificare ogni suggerimento, farlo come quello predefinito, e non conosco il formato predefinito.

Voglio dire, un modo semplice come i colori che cambiano, quello che possiamo fare semplicemente:

{ 
name: 'First line', 
type: 'line', 
color: '#33CC66', 
zIndex: 0, 
data: [ ... ] 
} 
+0

jim31415, proprio come ha detto Scott, era così;) – saulob

risposta

11

Credo che questo sia ciò che si desidera. È possibile specificare l'attributo tooltip su ogni serie e utilizzare valueSuffix:

http://jsfiddle.net/aXvcw/

 tooltip: { 
      formatter : function() { 
       return this.y + ' ' + this.series.tooltipOptions.valueSuffix; 
      } 
     }, 
     series: [{ 
      name: 'Rainfall', 
      type: 'column', 
      yAxis: 1, 
      data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
      tooltip: { 
       valueSuffix: ' mm' 
      } 

     }, { 
      name: 'Temperature', 
      type: 'spline', 
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], 
      tooltip: { 
       valueSuffix: '°C' 
      } 
     }] 

Modificato da questa demo: http://www.highcharts.com/demo/combo-dual-axes.

Non è necessario fornire la funzione di formattazione del tooltip, ma se si desidera un valore diverso da quello predefinito, è possibile accedere alla serie valueSuffix.

+0

Perfetto! Grazie mille. Sono stato in grado di modificare il suffisso e i decimali del suggerimento specificato :) – saulob

+0

C'è un modo per aggiungere valoriuffi dinamici per ogni punto del grafico? Considera questo [jsfiddle] (http://jsfiddle.net/Rafaelhegre/f5451zyg/2/). Mentre si passa il mouse sul grafico, si ottiene un valore basato sul punto nella matrice 'valuesuffix'. Tuttavia, questo funziona solo quando si visualizza un suggerimento alla volta. Se lo vuoi un tooltip condiviso e aggiungi 'shared: true,' all'interno di tooltip, non funziona. –

Problemi correlati