在此示例中,E-G 线和 C-G 线是分开的。 有没有办法将这些线链接到单个 G 节点?
该图是使用树形图类型的 highcharts 库构建的。
<!DOCTYPE html>
<html lang="pt-br" class="win chrome chrome60 webkit webkit5">
<body>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/treemap.js"></script>
<script src="https://code.highcharts.com/modules/treegraph.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<figure class="highcharts-figure"><div id="container"></div></figure>
<script type="text/javascript">
Highcharts.chart('container', {
series: [
{
type: 'treegraph',
keys: ['parent', 'id', 'level'],
data: [
['', 'A'],
['', 'D'],
['A', 'B'],
['A', 'C'],
['D', 'E'],
['D', 'F'],
['E', 'G'],
['C', 'G'],
['G', 'H'],
['G', 'I'],
],
dataLabels: {
pointFormat: '{point.id}',
},
}
]
});
</script>
</body>
</html>
我尝试了其他图表配置,但没有成功。
不幸的是,在 Highcharts 中,树形图系列类型表示分层数据,其中每个节点只有一个父节点。因此,遗憾的是不可能有一个 G 节点有两个父节点 C 和 F。