HighCharts:在maincontentText

时间:2017-05-02 08:28:00

标签: javascript highcharts

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

在我的用例中,内容变得有点复杂,所以我更喜欢使用匿名函数来格式化它,但是函数没有被评估,而是显示为文本

result and expected output

您可以直接在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',

我做错了吗?或者是否有另一种方法来创建一个弹出窗口,其中包含通过脚本生成的内容(最好是保留高级图表)

1 个答案:

答案 0 :(得分: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)

希望这就是你要找的东西