チャートは、ドキュメントが、私は幅与え告げると高さは、コンテナに属性が、チャートはそれらに従わされていないよう

Question

マイモリスJSチャートは、ブートストラップの列の内側だけでなく、レンダリングされていない属性。

誰かがそれを修正する手がかりを持っていますか？私はresize: trueを設定し、グラフィックが完璧レンダリングウィンドウのサイズを変更

var graficoCampanhaefbe = Morris.Bar({ 
    element: 'graficoCampanhaefbe', 
    data: [{"nome": "Redes Sociais 1459", "destinatarios": "2", "abertos": "4", "clicados": "2", "capturados": "3"}], 
    barColors: ['#00A5DB','#6EA700','#FFB203','#B50000'], 
    xkey: 'nome', 
    ykeys: ['destinatarios','abertos', 'clicados', 'capturados'], 
    labels: ['Destinatario','Abertos', 'Clicados', 'Capturados'], 
    hideHover: 'always' 
}); 

。あなたの$(document).readyで

Answer 1

、窓はあなたのモリスバーを初期化した後にサイズを変更し、真のおresizeモリスバーのパラメータを設定するトリガするために試してみてください。

$(document).ready(function() { 
    var graficoCampanhaefbe = Morris.Bar({...}); 

    //graficoCampanhaefbe.redraw(); //if needed 
    $(window).trigger('resize'); 
}); 

Answer 2

あなたがチャートにclass="col-xs-12"を追加する必要がありますかそれはコンテナです。

HTMLスニペットを指定していませんが、チャートをキャストする要素である必要があります。