javascript - 不能在莫里斯图表库的面积图中使用字符串而不是整数

Question

Bar Chart Example

Morris.Bar({
  element: 'bar-example',
  data: [
    { y: 'dddd', a: 100, b: 90 },
    { y: '2007', a: 75,  b: 65 },
    { y: '2008', a: 50,  b: 40 },
    { y: '2009', a: 75,  b: 65 },
    { y: '2010', a: 50,  b: 40 },
    { y: '2011', a: 75,  b: 65 },
    { y: '2012', a: 100, b: 90 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});

Area Chart Example

Morris.Area({
  element: 'area-example',
  data: [
    { y: 'dddd', a: 100, b: 90 },
    { y: '2007', a: 75,  b: 65 },
    { y: '2008', a: 50,  b: 40 },
    { y: '2009', a: 75,  b: 65 },
    { y: '2010', a: 50,  b: 40 },
    { y: '2011', a: 75,  b: 65 },
    { y: '2012', a: 100, b: 90 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});

在 Morris Chart 库中，条形图接受 Y 轴字符串，但 Area one 不接受。我不明白为什么？

THIS IS THE MORRIS LIBRARY

Answer 1

Morris.js 正在尝试将 x 值解析为时间戳。但是 'dddd' 的格式无效。您可以使用 parseTime: false 选项 (jsbin) 跳过日期解析。在这种情况下，X 值将被视为等距系列。 See docs