Highcharts 网络图自定义链接标签答案

【问题标题】：Highcharts network graph custom link labelsHighcharts 网络图自定义链接标签
【发布时间】：2020-06-21 01:04:30
【问题描述】：

我正在尝试实现网络图，在我的情况下，必须标记边。例如，我正在获取这样的数据

[{从：“A”，到：“B”，“标签”：“text1”}，{从：“B”，到：“C”，“标签”：“text2”}]

所以在图中它必须是这样的：A-----text1--------B--------text2--------C

我已经阅读了文档，并且有 linkFormatter 可以帮助我做到这一点，但我无法弄清楚。我试图模仿这个问题的答案highchart network network-graph，它在工具提示上显示标签而不是边缘。可以请人帮助我！！

【问题讨论】：

标签： graph charts highcharts angular-highcharts

【解决方案1】：

使用linkFormat 或linkFormatter 并正确引用属性，例如：

    series: [{
        ...,
        dataLabels: {
            enabled: true,
            allowOverlap: true,
            linkFormat: '{point.label}'
        },
    }]

现场演示： https://jsfiddle.net/BlackLabel/jfbwLhp3/

API 参考： https://api.highcharts.com/highcharts/series.networkgraph.dataLabels.linkFormatter

【讨论】：