首页 > 解决方案 > Highcharts 组织结构图 - 节点显示不正确

问题描述

我们一直在尝试在我们的系统中实施 Highcharts 组织结构图。但是,我们在测试数据时遇到了一些问题:

• 某些节点显示不正确。将鼠标悬停在节点上时,数据会显示在工具提示中,但节点本身是空白的。• 节点之间的连接线显示不正确。这似乎是 highcharts.css 的问题,因为删除它可以解决显示问题。

在这里您可以找到我们构建的示例:

Code: https://jsfiddle.net/more_paeg/0b52hajt/28/

请让我们知道我们可以做些什么来解决这些问题。

问候, 比安卡·梅德克

标签: highcharts

解决方案


参考评论 - 感谢您分享图片。这就是您在我的设备上绘制图表的样子:https ://imgur.com/a/1iJwC89

我认为这可能是与此错误相关的问题(已经修复,将在下一个版本后在 npm 中可用):https ://github.com/highcharts/highcharts/issues/13100

尝试使用建议的解决方法 -Setting the series.dataLabels.allowOverlap forces labels to be displayed.

演示:https ://jsfiddle.net/BlackLabel/4dskhf6r/

  plotOptions: {
    series: {
      dataLabels: {
        allowOverlap: true
      }
    }
  }

API:https ://api.highcharts.com/highcharts/series.pie.dataLabels.allowOverlap


推荐阅读