Question

这是我的highcharts代码工作正常，工具提示仅在悬停一个系列时显示，但我需要更改它，以便在图表中悬停任何系列时显示相同的工具提示，请提供任何帮助。 [的jsfiddle] [1]

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

Answer 1

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演示

所有系列的Highcharts工具提示

1 个答案: