highcharts - 如何在钻取中添加同步图表？

Question

我想synchronized-charts在我的向下钻取中，但在官方链接中，它会创建一个新的三个图表，但是如何在向下钻取中添加它？

官方示例：https ://www.highcharts.com/demo/synchronized-charts

我的演示需要同步图表：

http://jsfiddle.net/gkumar77/w9ngp63u/5/

标签： highcharts

Answer 1

最简单的解决方案是使用同步图表创建一个额外的、最初隐藏的容器，并切换两个容器的可见性以模拟向下钻取：

        drilldown: function(e) {
            this.renderTo.style.display = 'none';
            document.getElementById('drilldownContainer').style.display = 'block';
            if (Highcharts.charts.length < 2) {
                createDrilldownChart();
            }
        }

现场演示：http: //jsfiddle.net/BlackLabel/vd6cn4ra/