Bar chart 条形图水平条宽度我想要每个水平条的固定宽度或最大宽度

我正在使用morris.js创建条形图。但是条形图太宽了。 你能建议我如何限制酒吧的大小吗

使用Java脚本代码

  var bar = new Morris.Bar({
      element: 'bar-chart',
      resize: true,
      data: [
        {y: '2012', a: 100, b: 90}
      ],
      barColors: ['#00a65a', '#f56954'],
      xkey: 'y',
      ykeys: ['a', 'b'],
      labels: ['CPU', 'DISK'],
      hideHover: 'auto'
    });

---

您可以使用barSizeRatio控制条的宽度。因此，当您的条数很少（例如小于5条）时，请将barSizeRatio设置为0.2。对于超过5个条，不要指定barSizeRatio，让图表控件来计算

JSFIDLE

---

您可以通过计算图表控件的宽度，然后确定barSizeRatio的值以满足您的最大条形宽度标准，从而使其更具动态性。

它到底出了什么问题？太宽了？太高了？我们不知道你的量表应该是什么，你是如何创建的，等等。从你发布的内容中，我们唯一知道的是你有一个条形图。很抱歉，我现在在我的问题中添加了更多信息。我看到你编辑了你的问题，但你还取消了其他人所做的重要编辑，把你的图片改回一个链接，我再次更正了。任何人都不应该点击链接来查看图像。

Morris.Bar({
 barSizeRatio:0.2,
  element: 'chart',
  data: [
    { date: '04-02-2014', value: 3 },
    { date: '04-03-2014', value: 10 },

  ],
  xkey: 'date',
  ykeys: ['value'],
  labels: ['Orders']
});