javascript - xLabel的个数大于数据的长度

标签 javascript jquery morris.js

我使用 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 等年份。
我搜索了很多,但没有找到任何解决方案。

有什么想法吗?

最佳答案

在 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.

关于javascript - xLabel的个数大于数据的长度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42405924/

相关文章:

javascript - 使用 get 请求将 json 对象传递给 Controller ​​操作

javascript - 莫里斯图表日自定义问题

javascript websockets - 控制初始连接/onOpen 何时绑定(bind)

javascript - 文本输入验证函数Javascript

javascript - JQuery悬停问题

javascript - 如何将动态术语/排序添加到以下排序函数?

javascript - 我是d3新手,有什么简单的方法吗?

jquery - 我的 HTML 出了什么问题,jQuery 无法解析它?

javascript - Morris.js 面积图定制

javascript - 莫里斯 donut chart 标签显示未定义错误