如何在明细中添加同步图表？

Question

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

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

我的演示，其中的下钻需要同步的图表：

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

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/