Highcharts工具提示背景根据行（不设置backgroundColor = null）

Question

我也有同样的问题：Highcharts tooltip background according to line

但此处提供的解决方案对我不起作用，因为将 backgroundColor 设置为 null 会使指针箭头消失：

因此我一直在尝试从我可以访问系列颜色的格式化程序本身更新工具提示背景颜色：

      args.options = Object.assign(args.options, {backgroundColor : this.series.color});
      this.color = this.series.color;

但由于某种原因，只有最初的颜色替换对我有用。然后后续的工具提示会显示我第一次更新的颜色。

第一次悬停： 第二次悬停：

与

第一次悬停： 第二次悬停：

问题演示：http://jsfiddle.net/GGQ2a/23/

刷新页面几次，然后将鼠标悬停在不同的系列上以查看问题。

我需要在每次悬停时更改颜色，由于某种原因，替换只在第一次出现时才被拾取

Answer 1

你可以包裹Tooltip.refresh()方法，根据点的系列颜色改变提示的背景。

const H = Highcharts;

H.wrap(H.Tooltip.prototype, 'refresh', function (p, point, mouseEvents) {
  p.call(this, point, mouseEvents);

  const label = this.label;

  if (point && label) {
    label.attr({
      fill: point.series.color
    });
  }
});

示例：http://jsfiddle.net/t38x6kug/