javascript - 在 Highcharts 中格式化数据标签

Question

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

Answer 1

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

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