Highcharts:是否可以使用连接器在叶级节点外显示Sunburst图表系列数据标签?

时间:2017-11-08 13:44:52

标签: javascript jquery charts highcharts

目前,观察到所有系列数据标签在显示,重叠或仅显示数据标签的显示/隐藏行为时都可以通过格式化器功能实现。观察到叶级节点的系列数据标签的连接器或外部的系列数据标签的位置是不可配置的。

请参阅以下JS小提琴: http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/sunburst

dataLabels: {
        format: '{point.name}',
        filter: {
            property: 'innerArcLength',
            operator: '>',
            value: 16
        }
    }

请参阅以下链接中的Sunburst图表系列数据标签: - http://www.dundas.com/support/blog/sunburst-charts-homerun-or-groundout

预期的行为是以这样的方式配置系列数据标签:如果节点的弧大小小于特定值,而不是隐藏数据标签,则将其显示在图表的叶级节点之外,从图表中调整数据标签及其连接器的距离。 我想显示类似于上面链接中显示的Sunburst图表的系列数据标签。 有没有办法在Highcharts Sunburst图表中实现这一目标?

1 个答案:

答案 0 :(得分:0)

目前sunburst不支持带连接器的数据标签。

如果您愿意,请分享将它们添加到Highcharts的想法:https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api

您可以使用SVGRenderer创建自己的连接器功能(首先检查标签是否出现并在需要时绘制连接器)或者您可以尝试调整饼图系列实现的功能(覆盖旭日形)核心职能)。

API参考: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer

代码参考: https://github.com/highcharts/highcharts/blob/master/js/parts/PieSeries.js

文档参考: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts