Highcharts 打印按钮正在复制内容

我正在创建图表，底部有一个额外的图例，带有导出功能。 现在我得到了一个奇怪的效果：当打开打印上下文菜单并选择一个下载选项（PNG/JPG/PDF/SVG）时，图表底部的菜单会被复制

var chart = new Highcharts.Chart({
chart: {
    renderTo: 'container'
},
xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},

navigation: {
    buttonOptions: {
        y: 50
    }
},

series: [
      { data: [45.9, 50.2, 45.5, 198.4, 50.2] },
      { data: [68.5, 176.0, 50.1, 123.2, 25.9] },
      { data: [176.4, 50.2, 186.9, 56.6, 58.3] }
    ]
},

function(chart){
    $(chart.series).each(function(i, serie){
        $('<li style="color: ' + serie.color + '">' + serie.name + '</li>').click(function(){
            serie.visible ? serie.hide() : serie.show();
        }).appendTo('#legend')
    })
});

var图表=新的Highcharts.图表({
图表：{
renderTo:“容器”
},
xAxis：{
类别：[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
导航：{
按钮选项：{
y:50
}
},
系列：[
{数据：[45.9,50.2,45.5198.4,50.2]}，
{数据：[68.5176.0,50.1123.2,25.9]}，
{数据：[176.4,50.2,186.9,56.6,58.3]}
]
},
功能（图表）{
$（图表系列）。每个（功能（i，系列）{
$（“
“+serie.name+”
”）。单击（函数（）{
serie.visible？serie.hide（）：serie.show（）；
}).appendTo（“#图例”）
})
});

有什么办法避免这种情况吗

---

你可以在这里试试：

看起来很奇怪。但是，您可以在附加之前检查UL是否为空

function(chart){
    //Check the list is Empty before appending...
    if($('#legend').is(":empty")) { 
      $(chart.series).each(function(i, serie){
        $('<li style="color: '+serie.color+'">'+serie.name+' ('+ serie.symbol + ')</li>').click(function(){
            serie.visible ? serie.hide() : serie.show();
        }).appendTo('#legend');
      });
    }
});

功能（图表）{
//在追加之前，请检查列表是否为空。。。
如果（$（'#图例'）。为（“：空”）{
$（图表系列）。每个（功能（i，系列）{
$（“+serie.color+”>“+serie.name+”（“+serie.symbol+”）”）。单击（函数（）{
serie.visible？serie.hide（）：serie.show（）；
}).附录（“#图例”）；
});
}
});

现在我们避免了内容重复。这比以前好多了。UM幸运的是，在导出图表后，底部菜单不再工作了。。。