莫里斯线图隐藏后变形

Question

我在我的页面中设置了一个morris线图，如下所示：

var chart = new Morris.Line({
        element: 'myfirstchart',

        xkey: 'Date',

        ykeys: ['Sales'],


        labels: ['Sales'],
        resize: true,
        redraw: true,
        xLabels: 'day',
        parseTime: false
    });

在帖子后显示结果（用jquery的帖子完成后）我这样做：

 chart.setData(data.lineData);
 chart.redraw();
 $(window).trigger("resize");

但是图表看起来很丑陋，完全像这样：

图表itselef隐藏在div中，然后在显示结果时显示...

这可能是什么问题？

Answer 1

是的，这是Morris Chart的众所周知的弱点。您可以通过调整sv​​g元素及其父元素宽度

来调整大小

var t_w = $('#myfirstchart').parent().width();
$('#myfirstchart svg').width(t_w);
chart.redraw();