Javascript 如何在使用Highcharts时在Highslide弹出窗口中显示多行标题？

我使用Highcharts显示图表，当用户单击图表中的某个点时，我使用Highslide在弹出窗口中显示其他信息。但是，我想向弹出窗口中的标题/标题文本添加其他信息

我让Highslide使用以下代码显示基本信息：

$(function () {
    var options = {
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'line'
        }
        credits: {
            enabled: false
        }
        plotOptions: {
            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function() {
                            hs.htmlExpand(null, {
                                pageOrigin: {
                                    x: this.pageX,
                                    y: this.pageY
                                },
                                headingText: this.series.name,
                                maincontentText: Highcharts.dateFormat('%A, %b %e, %Y', this.x) +':<br/> '+
                                    this.y +' visits',
                                width: 200
                            });
                        }
                    }
                },
                marker: {
                    lineWidth: 1
                }
            }
        },
        series: []
    }
});

例如，在Highslide弹出窗口中显示带有多行标题的弹出窗口的网站。但是，请记住，我正试图在Highcharts中实现这一点，可能在标题中使用动态文本

---

谢谢。

以下是一个可用于Highcharts的解决方案：

请注意，这是在标题中插入锚标题文本作为附加标题文本的正确代码：

hs.Expander.prototype.onAfterGetHeading = function (sender) {
    if (sender.heading) {
        sender.heading.innerHTML += this.a.title;
    }
};

我不熟悉海图，但我认为你不能使用

这个.a.title

，因为

a

指的是锚定标签。当然，您可以使用上面的代码插入除

this.a.title

之外的内容，就像我在演示中所做的那样

hs.Expander.prototype.onAfterGetHeading = function (sender) {
    if (sender.heading) {
        sender.heading.innerHTML += this.a.title;
    }
};