dynamicaly生成多个highcharts并附加到jquery选项卡

Question

我有2个图表：线图和使用highcharts的圆环图。这些图表彼此链接。因此，当图表中的任何一个悬停时，图表上的相关点会突出显示。

您可以在http://jsfiddle.net/livewirerules/rmxjmsy1/2/

查看我的演示

现在我想要实现的是，我有几个标签，分为7,14,30天......在每个标签中，折线图将根据持续时间具有不同的值。因此，当用户点击标签时，该人将能够在该期间内看到图表而不会丢失图表的突出显示点。

我正在计算一些方法，但是当用户点击标签时，发布持续时间并进行相关计算并将结果附加到图表容器中。

$('#ui-id-2').click(function(){

    $.ajax
    ({ 
        url: '<?php echo base_url('index.php/chart')?>',
        data: {"duration": 14},
        type: 'post',
        success: function(result)
        {
            $( "#container3" ).append(result);
        }
    });
});

在PHP上我回应了线图代码。我不确定它是否是正确的方法，但我想知道它是否有效。但不幸的是，它并没有画出图表。

有人能告诉我实现这个目标的最佳途径是什么？

任何帮助将不胜感激。

由于