如何在使用Highcharts時在Highslide彈出窗口中顯示多行標題？

我正在使用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的API讀取和看到，你可以使用「標題」變量用「 Expander.prototype.onAfterGetHeading'函數，我在下面顯示，但我不確定如何使用Highcharts實現它。

hs.Expander.prototype.onAfterGetHeading = function() { 
    this.heading.html = 'this.a.title'; 
}

HERE的顯示一個彈出式與一個Highslide彈出多行標題，作爲一個例子的位點。不過，請記住，我正試圖在Highcharts中實現此功能，可能在標題中使用動態文本。

謝謝。

來源

2013-02-21 user2063351

這裏是您可以使用Highcharts使用的解決方案：http://jsfiddle.net/roadrash/gd3xz/

請注意，這是正確的代碼插入標題中錨的標題文本，作爲一個額外的標題文字：

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

我我不熟悉Highcharts，但我不認爲你可以使用this.a.title，因爲a引用了錨標籤。上面的代碼當然可以插入除this.a.title以外的東西，就像我在演示中所做的那樣。

來源

2013-03-02 10:54:44 RoadRash

如何在使用Highcharts時在Highslide彈出窗口中顯示多行標題？

回答

相關問題