Highcharts-legend-item.last() исчезает при смене вкладки

Question

У меня есть «табулятор», установленный на моей странице с тремя вкладками, каждый из которых содержит разную круговую диаграмму. Они отображаются в зависимости от активной вкладки. Для каждого из них я помещаю в общей сложности 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>'); 
     } 
    } 
} 

На начальной визуализации все выглядит отлично, но если я нажимаю на любую из следующих вкладок, чтобы отобразить эти круговые диаграммы, а затем вернуться на другую вкладку, чтобы просмотреть диаграмму я уже видел, что общая колонка отсутствует, за исключением третьей вкладки, которая является окончательной отображаемой диаграммой. Я считаю, что это потому, что третий отображаемый график - это фактически официальный элемент «последний» элемент легенды, и поэтому он остается, но поскольку все они отображаются в их собственном соответственном, это не должно допускать, чтобы общая строка оставалась там? это потому, что я использую одну и ту же строку кода для каждого из них без уникальных идентификаторов в div или span? любая помощь приветствуется. Большое спасибо, NickG

Answer 1

Изменить для каждого пути диаграммы из:

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

к:

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

Где #tl00_ContentPlaceHolder1_Overview1_AssetXRayChart различен для каждой диаграммы (как идентификаторы для диаграмм контейнеров)