Question

我从JSON上传数据以形成折线图。这是我的JSON数据

Morris.Line({
    element: 'morris-line-chart',
    data: [
      {y1: '23-07-15 01:12 AM - 23-07-15 02:04 AM', value: 9.8},
      {y1: '23-07-15 01:07 AM - 23-07-15 01:47 AM', value: 37.83},
      {y1: '23-07-15 12 AM - 23-07-15 01:13 AM', value: 18.12},
      {y1: '23-07-15 12 AM - 23-07-15 12:32 AM', value: 15.33},
      {y1: '22-07-15 11 PM - 23-07-15 12:10 AM', value: 13},
      {y1: '22-07-15 11 PM - 22-07-15 11:52 PM', value: 14.33},
      {y1: '22-07-15 11 PM - 22-07-15 11:35 PM', value: 27.83},
      {y1: '22-07-15 10 PM - 22-07-15 11:18 PM', value: 8.92},
      {y1: '22-07-15 10 PM - 22-07-15 10:47 PM', value: 9.12},
      {y1: '22-07-15 10 PM - 22-07-15 10:35 PM', value: 9.18},
      {y1: '22-07-15 10 PM - 22-07-15 10:22 PM', value: 7.85}

    ],
    xkey: 'y1',
    ykeys: ['value'],
    labels: ['Value']
  });

我的HTML代码

<div class="col-lg-6">
    <div class="panel panel-default">
        <div class="panel-heading">
            Job Execution Trend
        </div>
        <!-- /.panel-heading -->
        <div class="panel-body">
            <div id="morris-line-chart"></div>
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.panel -->
 </div>

但是我的图表没有正确显示。 X轴仅显示为年份，Y轴将数据混合在一起。

有人可以帮助我解决我的错误吗？

以下是同一http://www.bootply.com/gbVur25DT2

的小提琴条目

Answer 1

做了一些分析并且能够修复它。

需要将时间视为假。

parseTime：false

Answer 2

根据morris.js docs时间戳，xkey格式应为：

2012
2012 Q1
2012 W1
2012-02
2012-02-24
2012-02-24 15:00
2012-02-24 15:00:00
2012-02-24 15：00：00.000

例如：{y1: '2015-07-23 2:00', value: 9.8}等等。 Check it

折线图未正确显示

2 个答案: