2015-08-09 109 views
2

我想知道是否可以在条形图上设置最大轴值(比方说,我希望我的数据的最高点是y轴的顶端)?我发现在折线图上有ymin和ymax的选项,但我似乎无法找到关于条形图的任何信息。为Morris条形图设置最大轴值或范围步骤?

此外,如果有人知道如何强制轴线之间的距离达到一定的数量(比如每行增加250行而不是生成的数量,这对我的喜好来说太高) 。对于条形图

回答

8
  • 设置为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轴设置为这个最大值:

enter image description here

  • y轴设置一个范围值

看来,这不是可以设置的范围值轴。该值似乎是根据传递给Morris.Bar的数据值计算的。

0

要改变YMAX称之为

chart.options["ymax"] = 300; 

哪里图表图表可变

4

没有记录,但您可以设置应用YMAX最大y。你可以通过设置numLines来操作范围(也没有记录)。

E.g.

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

上面定义的图表将显示值从0到7,并显示在0和7之间的每个整数网格线(因此8作为一个参数)

相关问题