2017-06-17 87 views
0

這是我的高級代碼工作正常,只有懸停一個系列時,工具提示纔會顯示,但我需要對其進行更改,以便在圖表中懸停任何系列時顯示相同的工具提示,請提供任何幫助。 [的jsfiddle] [1]Highcharts所有系列的工具提示

[1]: https://jsfiddle.net/khalifa/kktwdwf6/ 

回答

0

tooltip會像

tooltip: { 
    useHTML: true,// enables html property 
    shared: true,// enables shared tooltip 
    formatter: function() { 
     var s = '<b>' + this.x + '</b><br>'; 

     $.each(this.points, function(e) { 
     //console.log(this.point.marker.symbol) 

     var str = this.point.marker.symbol; 
     if (str != 'circle') { 
      str = str.substring(0, str.length - 1); 
      var img = str.slice(4); 
      var w = this.y; 
      w = w - 20; 
      n = '<img src ="' + img + '"/><br>' 
     } else { 
      n = '●'; 
     } 
     s += 'Question ID: <b>' + this.series.name + '</b><br/>' + 

      n + '</b><br/>'; 
     }); 

     return s; 
    }, 
    }, 

你也必須與每個數據點定義標記

 data: [{ 
    y: 11.7, 
    marker: { 
     symbol: 'circle' 
    } 
    }, { 
    y: 11.8, 
    marker: { 
     symbol: 'circle' 
    } 
    }], 

Fiddle演示

+0

這是偉大的,它的工作原理是我需要它,謝謝 – user8072524

+0

如果這個答案然後將其標記爲已接受[此處](https://meta.stackexchange.com/a/5235) –

相關問題