Javascript 更改选项卡时，Highcharts图例项.last（）将消失

我在页面上设置了一个“选项卡容器”，其中有三个选项卡，每个选项卡包含不同的highcharts饼图。它们的渲染取决于活动选项卡。对于其中的每一个，我都在图例的末尾添加了一个100%的列，带有此代码

chart: {
    type:'pie',
    renderTo: 'ctl00_ContentPlaceHolder1_Overview1_AssetXRayChart',
    events: {
        load: function(event) {
            $('.highcharts-legend-item').last().append('<br/><div style="width: 220px; margin-left: 190px;">_____</div><br/><div style="width:220px"><span style="float:right"><b>100%</b></span> </div>');
        }
    }
}

图表：{
类型：'pie'，
renderTo:'ctl00\u内容占位符1\u概览1\u资产x光图'，
活动：{
加载：函数（事件）{
$（'.highcharts图例项'）.last（）.append（'
；
}
}
}

在初始渲染时，一切看起来都很好，但如果我单击任何后续选项卡以显示这些饼图，然后返回到其他选项卡以查看图表，我已经看到，除了第三个选项卡（最终渲染的图表）之外，总计列已消失。我相信这是因为第三个图表呈现的实际上是官方的“最后一个”图例项元素，这就是为什么它会保留下来，但既然所有这些都是以各自的方式呈现的，那么不应该允许总行保留在那里吗？是不是因为我对它们中的每一个都使用了完全相同的代码行，而div或span中没有唯一的id？ 感谢您的帮助。 非常感谢你，

---

NickG

每个图表路径的更改来自：

 $('.highcharts-legend-item')...

致：

---

其中，

\tl00\u content placeholder 1\u overview 1\u AssetXRayChart

对于每个图表都是不同的（作为图表容器的ID）

Fus非常感谢您，我应该认为ID参考是必要的，仍然在学习highcharts和js！再次感谢

 $('#tl00_ContentPlaceHolder1_Overview1_AssetXRayChart .highcharts-legend-item')...