为Morris条形图设置最大轴值或范围步长？

Question

我想知道是否可以在条形图上设置最大轴值(比方说,我希望我的数据的最高点是y轴的顶端)？我看到在线图上有ymin和ymax的选项,但我似乎无法找到有关条形图的任何信息.

此外,如果有人知道如何强制轴线之间的范围是一定的量(比如每行增加250而不是生成的数量,在我的情况下对我来说太高了),将会很有帮助.

Answer 1

• 设置y轴的最大值

实际上,您也可以设置ymaxfor条形图(即使没有记录).

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.

Answer 2

没有记录，但是您可以通过应用ymax设置最大值y。您可以通过设置numLines（也未记录）来操纵范围。

例如

var chart = new Morris.Bar({
...
    ymin: 0,
    ymax: 7,
    numLines: 8,
...
});

上面定义的图表将显示0到7的值，并显示0到7之间的每个整数的网格线（因此8为参数）