时间戳

首页 > 解决方案 > 折叠和展开父元素后，子进度指示器不起作用

highcharts - 折叠和展开父元素后，子进度指示器不起作用

问题描述

start 是测试原型的父级。当我折叠开始原型并展开测试原型的进度指示器时，在高图甘特图中未正确显示。

https://jsfiddle.net/bhagatch/nbchvupr/2/

series: [{
    name: 'Project 1',
    data: [{
        id: 'start',
        name: 'Start prototype',
        start: Date.UTC(2014, 10, 18),
        end: Date.UTC(2014, 10, 25),
        completed: 0.25
    }, {
        id: 'test',
        parent: 'start',
        name: 'Test prototype',
        start: Date.UTC(2014, 10, 27),
        end: Date.UTC(2014, 10, 29),
        completed: 0.35
    }, {
        name: 'Develop',
        start: Date.UTC(2014, 10, 20),
        end: Date.UTC(2014, 10, 25),
        completed: {
            amount: 0.12,
            fill: '#fa0'
        }
    }, {
        name: 'Run acceptance tests',
        start: Date.UTC(2014, 10, 23),
        end: Date.UTC(2014, 10, 26)
    }]
}]

});

标签： highcharts

解决方案

这是 Highcharts Gantt 中的一个错误，在这里报告：https ://github.com/highcharts/highcharts/issues/10942

作为一种解决方法，您可以使用以下代码：

Highcharts.addEvent(Highcharts.Axis, 'afterBreaks', function() {
    this.series.forEach(s => s.data.forEach(point => point.graphicOverlay = point.graphicOverlay && point.graphicOverlay.destroy()));
});

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

推荐阅读