动态数据标签Highcharts CSS

Question

我有一个Highcharts饼图，其中添加了一个表格和两个按钮。我需要来自图表的数据标签以动态方式出现在他们周围，而不是隐藏在他们当前的下方。

有没有办法避免与Highcharts中的数据标签重叠的表发生冲突？

有没有办法做到这一点CSS或自定义JavaScript需要？

fiddle

Answer 1

我注意到您设置table到z-index: 1。

你的Highchart是一个SVG，所以它没有z-index的概念。 SVG中的排序类型是画家模型，意味着每个后续元素都被绘制在另一个元素上。

如果你真的想要一个占据与图表相同空间的表格，我想不幸你必须将表格作为SVG中的元素放在highcharts-data-labels之前，以便这些标签浮在表格上，因为它们会被“绘制在桌子的上面”。