2017-06-15 21 views
0

ヒートマップを破らないjsonヒートマップデータに第4項を追加しましたが、下のツールチップフォーマッタで新しい第4項をどのように扱いますか?ヒートマップにツールチップの内容を追加するには

オリジナル暗黙[X、Y、Z] 3項アレイ { "名前": "z軸"、 "データ":[0,488,3]、[0,488,3]、...

新しい拡張[x、y、z、comment] 4用語配列 {"name": "zaxis"、 "data":[[0,488,3、 " - 90.8 | -87.5 | 0.0 | 0.0"]、[0,488、 3、 " - 103.4 | -99.4 | 0.0 | 0.0"] ...

formatter: function() { 
return '<b>' + this.series.yAxis.categories[this.point.y]+ '</b>' + 
'<br><b>' + this.point.value + '</b> dB' + 
' at <b>' + this.series.xAxis.categories[this.point.x] + '</b>'; 
}, 

もっと良い方法がありますか?

答えて

0

簡単な答えがハイチャートサポートボードに投稿されました> もう少し詳しく見てください。

+0

http://jsfiddle.net/ysyse7w5/ – TigerWoods

0

もう1つのオプションはkeysを使用することができるため、送信するJSONデータを小さくすることができます。

デモ:http://jsfiddle.net/ysyse7w5/1/

series: [{ 
    name: 'Sales per employee', 
    borderWidth: 1, 
    data: [ 
     [0, 0, 10, 'custom text 1'], 
     [0, 1, 100, 'custom text 2'], 
     [1, 0, 100, 'custom text 3'], 
     [1, 1, 10, 'custom text 4'] 
    ], 
    keys: ['x', 'y', 'value', 'text'], 
    dataLabels: { 
     enabled: true, 
     formatter() { 
     return this.y + '<br>' + this.point.text 
     } 
    } 
    }] 
関連する問題