Как добавить синхронизированные диаграммы в детализацию?

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/