Javascript 莫里斯甜甜圈远离中心点

每次单击一个选项时（单击事件时），都会从开始绘制图表。在最初的几次，甜甜圈被正确地画出来（标签在中心），但通常甜甜圈从中心画出来。显示正确图表和故障图表的图像。我有高亮度的分区边界，以显示甜甜圈的位置

以下是它在视图中的显示方式：

 <div id="donut_div" style="width:425px;height:325px;border:1px solid red;padding:8px;"></div>

---

可能是某些CSS导致了此问题。你能发布相关的HTML和CSS代码吗？恐怕我的代码中没有提到morrisjs的CSS。只有指向js文件的链接。

var neg_pts=91, pos_pts =10;
Morris.Donut({
             element: 'donut_div',
             colors: ["#9CC4E4", "#3A89C9"],
             data: [{ label: "- ive Points", value: neg_pts },{ label: "+ ive Points", value: pos_pts }],
             resize: true
            });

 $('#selected-option').on('click', 'a', function () {
    neg_pts=196;
    pos_pts =30;
    $("#donut_div").empty();

    Morris.Donut({ 
             element: 'donut_div',
             colors: ["#9CC4E4", "#3A89C9"],
             data: [{ label: "- ive Points", value: neg_pts },{ label: "+ ive Points", value: pos_pts }],
             resize: true
    });
 });//on-click