Highcharts Package 气泡使用HTML数据标签并在父节点顶部添加标签

ix0qys7i 于 2023-01-26 发布在 Highcharts

关注(0)|答案(1)|浏览(124)

我使用useHTML选项为数据标签创建了一个打包的气泡，因为我希望这些标签在每个气泡中居中。
结果很好，你可以在这里看到：https://jsfiddle.net/vegaelce/1tk0m4qs/8/
我的问题是关于父节点标签，我希望它被放置在每个主要气泡的顶部（如在官方演示：https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series-packedbubble/packed-dashboard）
但是由于我需要在dataLabel上设置useHTML标志，父节点的标签被放置在每个主要气泡的中心（这并不好）。
如果设置useHTML：false在我的示例中，parent的标签正确地放置在主要气泡的顶部，但每个气泡的标签不再居中。

dataLabels: {
          useHTML: true,

我如何混合这两件事（使用HTML并将父标签放在气泡顶部）？

highcharts

来源：https://stackoverflow.com/questions/75194078/highcharts-packed-bubbles-usehtml-datalabels-and-add-label-on-top-of-parent-node

1条答案

按热度按时间

hsgswve41#

标签居中不需要启用useHTML，设置align: 'left'和'text-anchor': 'middle'样式即可，例如：

plotOptions: {
    packedbubble: {
      ...,
      dataLabels: {
        ...,
        align: 'left',
        style: {
          'text-anchor': 'middle'
        }
      }
    }
  }

- 实时演示：**https://jsfiddle.net/BlackLabel/hdgL8yeb/
- API参考：**https://api.highcharts.com/highcharts/series.packedbubble.dataLabels

赞(0）回复(0）举报 2023-01-26

我来回答

Highcharts Package 气泡使用HTML数据标签并在父节点顶部添加标签

1条答案

相关问题

热门标签

最新问答