2014-05-07 26 views
1

我的JavaScript技能缺乏真正在這裏展示,但我遇到了問題。在Highcharts.js中獲得價值

我已經使用Highcharts.js構建了一個圖表,我試圖自定義工具提示顯示。這是一個範圍圖,默認情況下,point.y返回低值。我不知道如何返回高價值。

任何人都可以幫忙嗎?這裏是格式化程序代碼,我也創建了一個jsfiddle。

 formatter: function() { 
      var s = '<b>'+ this.x +'</b>'; 

      $.each(this.points, function(i, point) { 

       s += '<br/>Maximum Value: ?<br/>Minimum Value: ' + point.y 
       + '<br/>Spread Value: Max-Min'; 
      }); 

      return s; 
     }, 

http://jsfiddle.net/cCrLh/1/

回答

2

每個從點陣列的對象包含point屬性是從Highcharts真實對象。然後您可以訪問point.highpoint.low。參見:http://jsfiddle.net/cCrLh/3/

tooltip: { 
     crosshairs: true, 
     shared: true, 
     formatter: function() { 
      var s = '<b>'+ this.x +'</b>'; 
      $.each(this.points, function(i, point) { 
       s += '<br/>Maximum Value: ' + point.point.high + '<br/>Minimum Value: ' + point.point.low 
       + '<br/>Spread Value: Max-Min'; 
      }); 

      return s; 
     }, 
     shared: true 
    }, 
+0

哇。謝謝。你能指點我一個資源,我會看到這個記錄?或者我會用更好的技巧解決它? – StephenCollins

+0

@drummin,我推薦你在代碼中的'$ .each'塊裏面做一些類似'console.log(point)'的東西。這會將對象寫入瀏覽器控制檯。它充滿了信息!此外,高分辨率API文檔非常好(儘管不清楚這些高/低值可訪問)。 – wergeld

+0

你知道,我試過了,但沒有奏效。我認爲這與小提琴有關。 – StephenCollins