morrisjs甜甜圈远离中心点

Question

每次单击选项（点击事件）时，都会从开始绘制图表。最初几次正确地绘制甜甜圈，即标签位于中心，但通常甜甜圈从中心抽出。显示正确和故障图表的图像。我有喜欢点亮的边框，以显示甜甜圈的位置。

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

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

Javascript代码：

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