Highcharts - 如何在工具提示中显示图例符号

Question

我对Highcharts有疑问,我想问一下.

我有一个Highcharts,我想将预览符号从图例复制到工具提示.

我在两个不同的情况下这样做:

• 线条:我有2个不同的系列(1个带实线,1个带短划线).这是highcharts的默认设置,所以我想它会更容易一些.
• 酒吧:为此,我正在使用Highcharts的Pattern Fill扩展.这也是从Highcharts正式发布的,但没有太多关于定制内容的信息.

额外的信息:

• 使用highchart 4.1.9
• Highcharts传说符号为您提供了一个<svg>,我实际上并不知道如何复制<svg>

提前致谢

Answer 1

以下是如何从工具提示中的图例项显示 SVG（适用于列和图案填充）：

  tooltip: {
    useHTML: true,
    pointFormatter: function() {
      var point = this,
        series = point.series,
        legendSymbol = "<svg width='20' height='20'>" + series.legendSymbol.element.outerHTML + "</svg>";

      return legendSymbol + series.name + ": <b>" + point.y + "</b><br/>";
    }
  }

useHTML 必须启用才能使其工作。

现场演示： https : //jsfiddle.net/kkulig/adr9otbg/