Highcharts图例样式不再正确渲染

我制作这些图表已经有几个月了，就在今天，传奇的风格似乎已经向左移动了大约150像素。它们刚刚从饼图中对齐，但现在直接呈现在饼图的顶部，我不知道为什么。我可以使用边距和填充将内联样式添加到我正在创建的div中，但这不能证明图例上与每个饼图切片对应的彩色框是正确的。我的代码/样式没有改变，我相信这是一个功能问题。这是我的密码； 感谢您的帮助

var options = {
        chart:{type:'pie',
            renderTo: 'ctl00_ContentPlaceHolder1_Overview1_AssetCategoryChart',
              events: {
                load: function(event) {
                $('#ctl00_ContentPlaceHolder1_Overview1_AssetCategoryChart .highcharts-legend-item').last().append('<br/><div style="width: 200px; margin-left: 170px; height: 2px;">_____</div><br/><div style="width:200px; height: 10px;"><span style="float:right"><b>100%</b></span> </div>');                    
                }
              },
            spacingTop: 0,
            marginTop: 0                  
            },
        credits:{enabled: false},
        colors:[
            '#5485BC', '#AA8C30', '#5C9384', '#981A37', '#FCB319',     '#86A033', '#614931', '#00526F', '#594266', '#cb6828', '#aaaaab', '#a89375'
            ],
        title:{text: null},
        tooltip:{
            enabled: true,
            animation: true,
            formatter: function(){
                return this.point.name + '<br/>' + this.y.toFixed(2) + '%';
            }
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                animation: true,
                cursor: 'pointer',
                showInLegend: true,
                dataLabels: {
                    enabled: false,                        
                    formatter: function() {
                        return this.y.toFixed(2) + '%';
                    }
                }                                   
            }
        },
        legend: {
            enabled: true,
            layout: 'vertical',
            align: 'right',
            width: 200,
            verticalAlign: 'top',
            borderWidth: 0,
            useHTML: true,
            itemMarginBottom: 4,
            labelFormatter: function() {
                return '<div style="width:180px; margin-left: 150px;"><span style="float:left">' + this.name + '</span><span style="float:right">' + this.y.toFixed(2) + '%</span></div>';
            },
            title: {
                text: 'Category',
                style: {
                    fontWeight: 'bold'
                }
            }
        },
        series: [{
            type: 'pie',
            dataLabels:{

            },
            data: [
                ['Real Estate', 12.55],
                ['Large-Cap Growth', 12.34],
                ['Foreign Large-Cap Blend', 12.19],
                ['Large-Cap Value', 7.51],
                ['Emerging Markets', 6.51],
                ['Health',5.59],
                ['Cash Equivalents',5.23],
                ['Foreign Large-Cap Value',4.02],
                ['Large-Cap Blend',3.95],
                ['World Allocation',3.55],
                ['Mid-Cap Growth',3.29],
                ['Remaining', 23.30]
            ]
        }]
    }

var选项={
图表：{类型：'pie'，
renderTo:'ctl00\u内容占位符1\u概览1\u资产分类图'，
活动：{
加载：函数（事件）{
$（“#ctl00_ContentPlaceHolder1_Overview1_AssetCategoryChart.highcharts图例项”）.last（）.append（“

100%”）；
}
},
间距：0，
玛金托普：0
},
信用证：{已启用：错误}，
颜色：[
#5485BC’、#AA8C30’、#5C9384’、#981A37’、#FCB319’、#86A033’、#614931’、#00526F’、#594266’、#cb6828’、#AAA B’、#a89375’
],
标题：{text:null}，
工具提示：{
启用：对，
动画：没错，
格式化程序：函数（）{
返回this.point.name+'
'+this.y.toFixed（2）+'%；
}
},
打印选项：{
馅饼：{
allowPointSelect:true，
动画：没错，
光标：“指针”，
showInLegend：是的，
数据标签：{
启用：false，
格式化程序：函数（）{
返回这个.y.toFixed（2）+'%'；
}
}                                   
}
},
图例：{
启用：对，
布局：“垂直”，
对齐：“右”，
宽度：200，
垂直排列：“顶部”，
边框宽度：0，
是的，
项目MarginBottom:4，
labelFormatter:function（）{
返回'+this.name+''+this.y.toFixed（2）+'%'；
},
标题：{
文本：“类别”，
风格：{
fontWeight:“粗体”
}
}
},
系列：[{
键入“pie”，
数据标签：{
},
数据：[
[《房地产》，12.55]，
[“大盘增长”，12.34]，
[“国外大盘混合”，12.19]，
[‘大盘股价值’，7.51]，
[“新兴市场”，6.51]，
[“健康”，5.59]，
[“现金等价物”，5.23]，
[‘国外大盘价值’，4.02]，
[“大容量混合”，3.95]，
[“世界分配”，3.55]，
[‘中端增长’，3.29]，
[‘剩余’，23.30]
]
}]
}

下面是您发布的一组代码：我看不出您描述的问题，但我确实看到图例向右移动了。可能是因为您在legend formatter中应用了“左边距：150px”。你是为了纠正最初的问题才加上这个的吗？这是最新的提琴，我加了那个边距来纠正这个问题。那把小提琴准确地显示了我想要的东西，除了单词包装，但这不是什么大问题，问题是在我的网站上，图例项文本直接在饼图上，但在那把小提琴中显示正确，这就是我发布这篇文章的原因。谢谢你的提琴，虽然我什么都没有。如果不能够直接看到出现问题的代码，就很难进行诊断。如果您自己的代码和样式表没有更改，那么很可能是库本身。如果您直接从链接到最新版本，则可能是那里的更新破坏了某些内容。您可以通过设置特定版本来确认这一点，并继续备份，直到找到可用的版本。祝你好运