【问题标题】:Highcharts organization charts - nodes displayed incorrectlyHighcharts 组织结构图 - 节点显示不正确
【发布时间】:2020-05-05 21:33:03
【问题描述】:

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

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

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

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

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

问候,比安卡·梅德克

【问题讨论】:

  • 这是您的代码的简化版本:jsfiddle.net/BlackLabel/r4o7Lqu5。您能否更准确地解释重现问题的步骤以了解问题所在?
  • 在节点“用户 2”的示例中,任务 5 为空。但是通过鼠标悬停,您可以看到该任务应显示为“任务 5”。在节点“用户 4”和“任务 2”中也是如此。不知道为什么数据不显示。
  • 似乎显示正常:jsfiddle.net/more_paeg/0b52hajt/28
  • 这是我们收到的输出。 (more-software.at/umedia/img/highcharts_error.png) 代码已经在不同设备上的不同浏览器上进行了测试,所有这些都产生了相同的结果。红色标记显示缺少的节点文本,而黄色标记显示一个虚灰色三角形覆盖连接线。

标签: highcharts


【解决方案1】:

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

我认为可能是这个bug相关的问题(已经修复,下个版本后会在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

【讨论】:

    猜你喜欢
    • 2021-11-05
    • 1970-01-01
    • 2020-05-25
    • 2021-10-15
    • 1970-01-01
    • 1970-01-01
    • 2021-11-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多