morris.js - 为莫里斯条形图设置最大轴值或范围步长？

Question

我想知道是否可以在条形图上设置最大轴值(例如，我希望数据的最高点是 y 轴的顶端)？我看到折线图上有 ymin 和 ymax 选项，但我似乎找不到有关条形图的任何信息。

此外，如果有人知道如何将轴车道之间的范围强制为某个数量(比如每行增加 250，而不是生成的数量，在我的情况下，这对我来说太高了)，这将是有帮助的。

Answer 1

为 y 设置最大值轴

您确实可以设置 ymax也用于条形图(即使没有记录)。

Morris.Bar({
  element: 'bar-example',
  data: [
    { y: '2006', 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',
  ymax: 300, // set this value according to your liking
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});

并拥有您的 y轴设置为此最大值:

为 y 设置范围值轴

似乎无法为 y 设置范围值。轴。该值似乎是根据传递给 Morris.Bar 的数据值计算得出的。 .