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-AXIS的字符串，但区域1不接受。我不明白为什么？

THIS IS THE MORRIS LIBRARY

Answer 1

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

不能在morris图表库的区域图表中使用字符串而不是整数

1 个答案: