2013-03-27 10 views
6

各行に異なる接尾辞値を使用する簡単な方法はありますか?Highstock/Highchartsの各行に異なる接尾辞

今私は3行を持っていますが、それぞれの接尾辞を変更しようとしていますが、フォーマッタ関数を使ってしか見つけることができませんでした。

しかし、私はすべてのツールチップを編集する必要があるフォーマッタ機能を使用して、デフォルトのものと同じようにして、私はデフォルトのフォーマットを知らない。私が意味する

、色を変更するような簡単な方法は、我々は単に何を行うことができます。

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

jim31415、それはそうだった;) – saulob

答えて

11

私はこれが何をしたいと思います。あなたは、各シリーズにtooltip属性を指定し、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' 
      } 
     }] 

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

ツールヒントフォーマッタ機能を提供する必要はありませんが、デフォルト以外の場合は、valueSuffixシリーズにアクセスする方法があります。

+0

パーフェクト!どうもありがとうございました。私は、指定されたツールチップの接尾辞と小数点を編集することができました:) – saulob

+0

グラフの各ポイントに動的な値を追加する方法はありますか?この[jsfiddle](http://jsfiddle.net/Rafaelhegre/f5451zyg/2/)を考えてみましょう。グラフをホバーすると、 'valuesuffix'配列のポイントに基づいて値が得られます。ただし、これは、一度に1つのツールチップを表示する場合にのみ機能します。それを共有ツールチップにして、ツールヒントの中に 'shared:true 'を追加しても機能しません。 –

関連する問題