折线图显示不正确

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

的 fiddle 条目

Answer 1

进行了更多分析并修复了它。

需要把时间设为false。

解析时间：假

Answer 2

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

2012
2012 年第一季度
2012 年第一周
2012-02
2012-02-24
2012-02-2415: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.

折线图显示不正确

Line chart not appearing correctly

html

javascript

css

twitter-bootstrap

morris.js