0

我在我的页面上设置了一个“选项卡容器”，其中包含三个选项卡，每个选项卡都包含一个不同的 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>');
        }
    }
}

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

4

1 回答 1

1

从以下更改每个图表路径：

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

至：

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

每个图表#tl00_ContentPlaceHolder1_Overview1_AssetXRayChart的不同之处（作为图表容器的 ID）

于 2013-05-01T12:43:50.347 回答