在 Highcharts 中格式化数据标签

Question

我正在尝试为数据标签使用 html 标签，例如 <table> 和 <tr>，但我似乎无法使用这些标签，只能使用基本标签 ( , , , , , )。通过将 'useHTML' 标记设置为 true，我能够使用其他 html 标记格式化工具提示数据。有没有办法对数据标签做同样的事情？这就是两者的样子，工具提示在底部。

Answer 1

您也可以使用 useHTML 格式化数据标签。我不知道你的图表在任何时候都显示所有额外数据的可读性如何，但你可以在数据标签中放置一个 table。

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,
      }
    }
  },

在 Highcharts 中格式化数据标签

Formatting dataLabels in Highcharts

html

javascript

css

tooltip

highcharts