Question

我有这段代码：

events: {
                        mouseOver: function() {
                            this.chart.custom_tooltip.show();
                        },
                        click: function(evt) {
                            this.chart.custom_tooltip.bodyFormatter = function (e) {                      
                                return 'hello';
                            };
                            this.chart.custom_tooltip.refresh(evt.point, evt);
                        }
                    }

似乎它对该方法没有任何想法，我已经搜索了我的问题，但似乎没有工具提示在click和mouseOver上显示的例子，我使用柱形图btw

Answer 1

您可以在图表的加载事件功能中添加新的工具提示。在这里，您可以看到在这种情况下可能有用的代码：

chart: {
  type: 'column',
  events: {
    load: function() {
      var options = this.options.tooltip;
      this.myTooltip = new Highcharts.Tooltip(this, options);
    }
  }
},

就像你可能会读到的那样，我正在制作新的工具提示，其中包含标准工具提示的选项。

然后，在系列的点击事件中，您可以将工具提示刷新到正确的位置：

events: {
  click: function(evt) {
    var chart = this.chart;
    chart.myTooltip.refresh(evt.point, evt);
  },
}

在这里，您可以看到一个示例：http://jsfiddle.net/2swEQ/171/

Highcharts - 在mouseOver和鼠标Click上显示自定义工具提示

1 个答案: