如何从已经显示的高图系列

时间:2018-05-18 11:06:15

标签: javascript jquery object highcharts

我试图从已经显示的高图获得系列并使用该系列在另一个html div中绘制新图表,我已经编写了下面的代码来实现这一点,最后我从现有图中得到了系列但是可以&# 39; 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

1 个答案:

答案 0 :(得分: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/