调整大小后,Morris.js折线图x轴标签消失

时间:2016-05-18 07:41:49

标签: javascript labels morris.js linegraph

调整大小后X轴标签消失。尝试更改xLabelMargin,但它没有解决问题。你能帮帮我吗?

调整大小之前:http://prnt.sc/b5evpw 调整大小后:http://prnt.sc/b5evuo

我的图表:

<script>
    var months = ['Sausis', 'Vasaris', 'Kovas', 'Balandis', 'Gegužė', 'Birželis', 'Liepa', 'Rugpjūtis', 'Rugsėjis', 'Spalis', 'Lapkritis', 'Gruodis'];
    var data = JSON.parse('{{ $data }}');
    var linegraph = Morris.Line({
          element: 'linegraph',
          data: data,
          xkey: 'month',
          ykeys: ['income', 'expenses'],
          labels: ['Pajamos', 'Išlaidos'],
          xLabelFormat: function (x) { return months[x.getMonth()]; },
          xLabelAngle: 45,
          hoverCallback: function (index, options, content, row) {
            return  "<span style='color:rgb(11, 98, 164)'>Pajamos "+ row.income + "</span><span style='color:rgb(122, 146, 163)'><br> Išlaidos " + row.expenses + "</span>";
          },
          resize: true
        });
</script>

1 个答案:

答案 0 :(得分:2)

我遇到了同样的问题。使用 parseTime:false 后,它对我工作正常