xLabel个数大于数据长度

Question

我使用 Morris.js 构建了以下图表：
http://jsbin.com/uqawig/441/embed?js,output

当我将长度减少到 2 时，xLabel 出现问题：

Morris.Line({
  element: 'line-example',
  data: [
    { y: '2006', a: 100, b: 90 },
    { y: '2007', a: 75,  b: 65 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});

xLabel 显示为 2006-03 2006-05 2006-07 2006-09 2006-11 2007-01

我希望 xLabel 只显示像 2006 2007.
这样的年份我搜索了很多但没有找到任何解决方案。

有什么想法吗？

Answer 1

在您的 Morris 配置中将 parseTime 参数设置为 false：

parseTime: false

参考：Morris Line & Area Charts

parseTime: Set to false to skip time/date parsing for X values, instead treating them as an equally-spaced series.

xLabel个数大于数据长度

Number of xLabel is greater than the length of data

javascript

jquery

morris.js