无法在 morris.js 中显示 xlabel答案

【问题标题】：Can not display xlabel in morris.js无法在 morris.js 中显示 xlabel
【发布时间】：2017-10-26 06:10:28
【问题描述】：

我在使用 morris.js 和 php 显示折线图数据时遇到问题。折线图上的xlabel 不想像我想要的那样显示label_jam。如何处理？

下面是折线图视图的错误图片：

这是我的代码

Morris.Line({
    element: 'bar-jam',
    data: <?php echo $data_per15menit; ?>,
    xkey: 'label_jam',
    ykeys: ['value_jml'],
    labels: ['Jumlah'],
    hideHover: 'auto',
    resize: false,
    lineColors: ['#0b62a4'],
    smooth: true
});

【问题讨论】：

标签： javascript php morris.js

【解决方案1】：

将parseTime参数设置为false：

parseTime: false

请尝试以下sn-p：

var data =
[
    {"label_jam":"11:15:00", "value_jml":"557"},
    {"label_jam":"11:30:00", "value_jml":"574"},
    {"label_jam":"11:45:00", "value_jml":"630"},
    {"label_jam":"12:00:00", "value_jml":"600"},
    {"label_jam":"12:15:00", "value_jml":"574"},
    {"label_jam":"12:30:00", "value_jml":"533"},
    {"label_jam":"12:45:00", "value_jml":"728"},
    {"label_jam":"13:00:00", "value_jml":"767"}
];

Morris.Line({
    element: 'bar-jam',
    data: data,
    xkey: 'label_jam',
    ykeys: ['value_jml'],
    labels: ['Jumlah'],
    hideHover: 'auto',
    resize: false,
    lineColors: ['#0b62a4'],
    smooth: true,
    parseTime: false
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css" rel="stylesheet"/>

<div id="bar-jam"></div>

【讨论】：

【解决方案2】：

我遇到了同样的问题，我通过设置 parseTime: false 解决了它。

我的代码：

<script>
Morris.Bar({
 element : 'contacts',
 data:[<?php echo $chart_data2; ?>],
 xkey:'specialty'],
  parseTime: false,
 ykeys:['profit'],
 labels:['Σύνολο'],
hideHover: 'auto',
    resize: false,
    lineColors: ['#0b62a4'],
    smooth: true,
    parseTime: false
});
</script>

【讨论】：