2013-03-27 9 views
6

Gibt es eine einfache Möglichkeit, verschiedene Suffix-Werte in jeder Zeile zu verwenden?Ein anderes Suffix für jede Zeile auf Highstock/Highcharts

Im Moment habe ich 3 Zeilen, ich versuche, das Suffix für jeden zu ändern, aber ich konnte es nur mit der Formatierungsfunktion finden.

Aber wenn ich die Formatiererfunktion verwende, muss ich jeden Tooltip bearbeiten, mache es wie den Standardtipp, und ich kenne das Standardformat nicht.

Ich meine, eine einfache Möglichkeit, wie wechselnde Farben, was wir einfach tun können:

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

jim31415, genau wie Scott sagte, das war es;) – saulob

Antwort

11

Ich denke, das ist das, was Sie wollen. Sie können die Tooltip-Attribut auf jeder Reihe angeben und verwenden 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' 
      } 
     }] 

aus dieser Demo Modifiziert: http://www.highcharts.com/demo/combo-dual-axes.

Sie müssen auch nicht die Tooltip Formatierung Funktion zur Verfügung stellen, aber wenn Sie eine andere als die Standardeinstellung wollten, so könnten Sie auf die Reihe valueSuffix zugreifen.

+0

Perfekt! Vielen Dank. Ich war in der Lage, das Suffix und die Dezimalstellen des angegebenen Tooltips zu bearbeiten :) – saulob

+0

Gibt es eine Möglichkeit, dynamische Werte für jeden Punkt in der Grafik hinzuzufügen? Betrachten Sie dies [jsfiddle] (http://jsfiddle.net/Rafaaelhegre/f5451zyg/2/). Wenn Sie das Diagramm schweben, erhalten Sie einen Wert, der auf dem Punkt im Array 'valuesuffix' basiert. Dies funktioniert jedoch nur, wenn Sie jeweils einen Tooltip anzeigen. Wenn Sie eine geteilte QuickInfo wünschen und 'shared: true,' in der QuickInfo hinzufügen, funktioniert das nicht. –

Verwandte Themen