在Highcharts中格式化數據標籤

Question

我想爲dataLabels使用像<table>和<tr>這樣的html標籤，但似乎我無法使用這些標籤，只能使用基本標籤（<b>, <strong>, <i>, <em>, <br/>, <span>）。我能夠通過將'useHTML'標籤設置爲true來將工具提示數據格式化爲其他html標籤。有沒有辦法爲dataLabels做同樣的事情？這就是兩者的樣子，工具提示在底部。

Answer 1

您也可以使用useHTML格式化dataLabels。我不知道圖表的可讀性如何隨時顯示所有額外的數據，但您可以在dataLabels中放置一個表格。

http://jsfiddle.net/crLcxvLr/1

plotOptions: { 
    series: { 
     dataLabels: { 
     formatter: function() { 
      return "<table><tr><td>HEADER LEFT</td><td class='right'>Header Right</td></tr><tr><td>" + this.x + "</td><td class='right'>" + this.y + "</td></tr>"; 
     }, 
     enabled: true, 
     useHTML: true, 
     } 
    } 
    },