Question

我有x轴的问题，我想显示日期，而不是年份，我在哪里定义它？

    Morris.Area({
  element: 'area-example',
  data: [
    { y: '1.1.', a: 100, b: 90 },
    { y: '2.1.', a: 75,  b: 65 },
    { y: '3.1.', a: 50,  b: 40 },
    { y: '4.1.', a: 75,  b: 65 },
    { y: '5.1.', a: 50,  b: 40 },
    { y: '6.1.', a: 75,  b: 65 },
    { y: '7.1.', a: 100, b: 90 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});

Answer 1

我认为您的y格式不正确，但如果您想查看日期而不是年份，请添加xLabels: "day"

请参阅http://jsfiddle.net/wb6jz/1/

文档：http://www.oesmith.co.uk/morris.js/lines.html

Answer 2

首先，您在Y上更正日期格式。然后添加xLabels: "day",

这是示例

Morris.Line({
  element: 'line-example',
  data: [
    { y: '2015-01-01', a: 100, b: 90 },
    { y: '2015-02-01', a: 75,  b: 65 },
    { y: '2015-03-01', a: 50,  b: 40 },
    { y: '2015-04-01', a: 75,  b: 65 },
    { y: '2015-05-01', a: 50,  b: 40 },
    { y: '2015-06-01', a: 75,  b: 65 },
    { y: '2015-07-01', a: 100, b: 90 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  xLabels: "day",
  labels: ['Series A', 'Series B']
});

莫里斯图年x轴

2 个答案: