javascript - HighCharts:在 maincontentText 中使用匿名函数

Question

我正在尝试改进在 highcharts 中创建的弹出窗口的内容。

在我的用例中，内容变得有点复杂，因此我更愿意使用匿名函数来格式化它，但该函数不会被评估，而是显示为文本

可以直接在this jsFiddle中看到。如果单击数据点，则会显示弹出窗口

maincontentText: function () {
    return Highcharts.dateFormat('%A, %b %e, %Y', this.x) + ':<br/> ' + this.y + ' visits'
},

但是同样的事情也适用于工具提示格式化程序

formatter: function () {
    return "<b>" + this.x + '</b><br>' ;
}

用这个替换 maincontentText 并且它可以工作(但对于我的需要来说它不够灵活)

maincontentText: Highcharts.dateFormat('%A, %b %e, %Y', this.x) + ':<br/> '
+ this.y + ' visits',

我做错了什么吗？或者是否有其他方法来创建一个弹出窗口，其中包含通过脚本生成的内容(最好同时保留 Highcharts )

Answer 1

我认为您需要创建一个函数并调用它，以便如果需要任何更改，您只需更改该函数。为了那个原因 做一个函数

function anoFunc(x,y){
  return Highcharts.dateFormat('%A, %b %e, %Y', this.x) + ':<br/> ' + this.y + ' visits'
  }

并在plotOptions.series.events.click中

用这个

maincontentText: anoFunc(this.x,this.y)

希望这是您想要的