2013-05-14 19 views
1

我想要製作一個圖表,其中具有不同x軸值的點具有不同的工具提示。一系列的前兩個點具有相同的工具提示,即使它們x軸的值是不同的。即使它們的x軸值相同但y軸值不相同,月份下面的點應該有「第11條評論」工具提示,Feb下的點應該有「第22條評論」工具提示等等。無法獲取基於X軸值的獨特工具提示在高圖線形圖

當前的計算邏輯是,工具提示取決於y軸值。只要y軸值發生變化,工具提示就會相應地發生變化。發生此問題的原因是下面代碼中的「this.y」語句。 。

這個邏輯的問題是,只要y軸值不同,工具提示可以正常工作,當一系列的2個連續點具有相同的y軸值時,工具提示在它們的x值不同時不會改變...

爲了根據x軸值改變工具提示,我用「this.x」取代了「this.y」,但沒有發生所需的改變。請告訴我如何進行改變?

刀尖代碼..

 tooltip: { 
     formatter: function() { 
     var serieI = this.series.index; 
     var index = dataValues.indexOf(this.y); 
    var index1= dataValues2.indexOf(this.y); 
     debugger; 
     var comment = ""; 
     if (serieI == 0) { 
      comment = $("#ppForm.textarea:eq(" + (index) + ")").val(); 
     } else { 
      //comment = "second serie matched!"; 
      comment = $("#ppForm.textarea:eq(" + (index1) + ")").val(); 
     } 
     /*return ''+ this.x + 
      '</b> is <b>' + this.y + '</b> -->' + comment;*/ 
     return '-->'+comment; 
    } 
} 

JS的小提琴是... http://jsfiddle.net/RbenU/25/

+1

只要x和y值不同,工具提示默認情況下對於每個點都會有所不同。有一個* LOT *在那個小提琴上進行......我認爲你需要把它理解爲基礎知識,並解決你的工具提示問題,然後再添加其他東西。 – jlbriggs 2013-05-14 18:50:31

+0

是的,我知道這一點。在我的圖我希望工具提示基於X軸值。所有具有x部分x值的點有一個工具提示,具有另一個x軸值的點將有另一個工具提示。但是我無法做到這一點..檢查這個小提琴http://jsfiddle.net/RbenU/5/..it是提問中發佈的小提琴的簡單版本.. – Lucy 2013-05-15 03:36:11

+0

我不知道你在問什麼,因爲那小提琴確實是你所描述的。每個第一個數據點都有相同的x值和第一個工具提示,每個第二個數據點具有相同的x值,第二個工具提示等等......您需要澄清你想要什麼,不需要什麼加工。 – jlbriggs 2013-05-15 12:20:06

回答

0

而不是使用索引dataValues使用指數類別,這種方式:http://jsfiddle.net/RbenU/39/

tooltip: { 
     formatter: function() { 
      var serieI = this.series.index; 
      var index = categories.indexOf(this.x); 
      var comment = $("input:eq(" + (index) + ")").val(); 
      return '-->'+comment; 
     } 
    }, 
+0

非常感謝!!!這只是我需要的解決方案..短而簡單! – Lucy 2013-05-16 10:02:24

相關問題