javascript - 如何从已显示的 Highcharts 系列中绘制新图表

Question

我试图从已经显示的 highchart 中获取该系列，并使用该系列在另一个 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,
                     });

注意:抛出太多递归错误

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 对象上的 Highcharts.charts 数组访问适当的图表，所有图表都存储在其中，如下所示:

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

在这种情况下，不需要创建新的图表数组。

实例:http://jsfiddle.net/cqfj5t34/