高图,获取json /序列化图表对象选项?

时间:2018-12-07 12:17:37

标签: highcharts

我需要做点事情,我尝试了所有尝试,但是我无法获得想要的东西。 我在一个容器中有一个图表,在某个时候必须将该图表呈现给另一个div,但又不丢失第一个div,所以...我需要在一个新容器中复制该图表。

我能够获得即时消息所引用的图表,但我需要获取该图表的选项,以便可以使用相同的选项但在不同的容器中初始化另一个图表。

该图表是动态生成的,因此在呈现它之前我没有选项,因此,我可以通过复制已绘制图表的选项来获得复制该图表的唯一方法。

有什么办法可以实现?

谢谢。

1 个答案:

答案 0 :(得分:2)

您可以使用chart.userOptions属性来获取创建第二张图表所需的选项:

var chart = Highcharts.chart('container', {
    series: [{
        type: 'column',
        data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
    }],
    xAxis: {
        max: 10
    }
});

$('#duplicate').on('click', function() {
    Highcharts.chart('container2', chart.userOptions);
});

实时演示:http://jsfiddle.net/BlackLabel/9q70mvky/