Как построить новый график из уже отображенной серии Highchart

Question

Я пытался получить серию из уже отображенной старшей диаграммы и использовать эту серию для построения новой диаграммы в другом HTML-элементе div. Я написал код ниже, чтобы добиться этого, наконец-то я получил серию из существующего графика, но могу 't рендерится в новый html div

var data = chart.series; // series from already displyed

jQuery('#commonModal_res').highcharts({
                    chart: { zoomType: 'x'},
                    title: { text: ""  },
                    subtitle: {  text: 'Click and drag in the plotted area to zoom in'   },
                    xAxis: { type: 'datetime'  },
                    legend: { enabled: false  },
                    series: data,
                     });

примечание: throwing too many recursion error

Answer 1

Проблема возникает из-за того, что вы пытаетесь назначить законченный и уже построенный объект серии вместо требуемого объекта конфигурации.Чтобы заставить его работать, вам нужно назначить объект конфигурации следующим образом:

$('#new_con').highcharts({
  chart: { zoomType: 'x'},
  title: { text: ""  },
  subtitle: {  text: 'Click and drag in the plotted area to zoom in'   },
  xAxis: { type: 'datetime'  },
  legend: { enabled: false  },
  series:charts[0].userOptions.series,
});

Тогда ваш график должен быть правильно отрисован.Кроме того, вы можете получить доступ к соответствующей диаграмме с помощью массива Highcharts.charts в глобальном объекте Highcharts, где хранятся все диаграммы, просто так:

series: Highcharts.charts[0].userOptions.series,

В этом случае создание нового массива диаграмм не требуется.

Живой пример: http://jsfiddle.net/cqfj5t34/