组织结构图Highcharts中的向下追溯问题-格式化链接

yyyllmsg  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(207)

我开始探索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'   
            }]
        } 
    ]
}

});

yvfmudvl

yvfmudvl1#

这是一个错误,更多信息,你会发现在Github issue,解决办法,你可以改变补丁颜色通过CSS fill: none

.highcharts-series path {
    fill: none;
}

演示:https://jsfiddle.net/BlackLabel/ay1czgxp/

相关问题