我开始探索highcharts。创建了带有钻取的组织层次结构的报告。无法格式化钻取报告中的链接,它们看起来像三角形而不是像主组织结构图中的直线,当钻取中的层次结构获得多个节点时,它们会变得混乱。
在下面的示例中,单击Div.2,查看明细链接。除了linkLineWidth等,我们还有哪些图表选项可以控制这些triagle SVG形状?
Links with Triangle Shape
jsfiddle Test Case
Highcharts.图表('容器',{图表:{高:600,宽:600,倒置:true,请键入:'组织' },
title: {
text: 'Highcharts Org Chart'
},
series: [{
name: 'Highsoft',
data: [{
from: "CO",
to: "DIV01",
},
{
from: 'CO',
to: 'DIV02'
}
],
nodes: [{
id: 'DIV01',
title: 'Div Hd 1',
name: 'Div. 1',
drilldown: "DIV01"
},
{
id: 'DIV02',
title: 'Div Hd 2',
name: 'Div. 2',
drilldown: 'DIV02'
}
]
}],
drilldown: {
activeDataLabelStyle: {
color: 'contrast'
},
layout: 'hanging',
series: [{
id: "DIV01",
name: "DIV01",
keys: ['from', 'to'],
data: [
['DIV01', 'DEP01']
],
nodes: [{
id: 'DEP01',
title: 'Dept Hd 1',
name: 'Dept. 1'
}]
},
{
id: "DIV02",
name: "DIV02",
keys: ['from', 'to'],
data: [
['DIV02', 'DEP02'],
['DEP02', 'DEP03'],
['DEP02', 'DEP04'],
['DEP04', 'DEP05'],
['DEP04', 'DEP06'] ,
['DEP04', 'DEP08'] ,
['DEP06', 'DEP07']
],
nodes: [{
id: 'DEP02'
}]
}
]
}
});
1条答案
按热度按时间yvfmudvl1#
这是一个错误,更多信息,你会发现在Github issue,解决办法,你可以改变补丁颜色通过CSS
fill: none
。演示:https://jsfiddle.net/BlackLabel/ay1czgxp/