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

Morris.js line graph x-axis labels disappear after resize

本文关键字：调整 消失 标签 js 折线图 Morris      更新时间：2023-09-26

调整大小后，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>

我也遇到了同样的问题。在使用parseTime:false后，它对我来说很好

相关文章：