如何在Flot图表中居中心？

Question

我正在使用Flot库和angular-flot。我有一个固定大小的图表，当f.e.看起来不太好看。 1或2个酒吧。你可以看到下面两个条形的例子：

条形图试图在x轴的整个长度上展开。我希望中心 - 他们应该＆＃34;开始＆＃34;在中间并水平展开。在Flot中可以吗？

我对酒吧的选择：

options: {
    series: {
        bars: {
            show: true,
            barWidth: 0.4,
            lineWidth: 1,
            align: 'center',
            fillColor: {
                colors: [{
                    opacity: 0.5
                }, {
                    opacity: 0.1
                }]
            }
        }
    },
    xaxis: {
       mode: 'categories',
       axisLabel: 'Machines',
       axisLabelUseCanvas: true,
       axisLabelFontSizePixels: 14,
       axisLabelFontFamily: 'RobotoLight, Helvetica Neue, Helvetica',
       axisLabelPadding: 10
    },
    yaxis: {
       axisLabel: metricName,
       axisLabelUseCanvas: true,
       axisLabelFontSizePixels: 14,
       axisLabelFontFamily: 'RobotoLight, Helvetica Neue, Helvetica',
       axisLabelPadding: 10
    },
    grid: {
       hoverable: true,
       clickable: false,
       borderWidth: 1
    }
}

Answer 1

只需在xAxis选项上设置智能最小值/最大值。例如，在有两个柱的图上：

min: -0.5,
max: 1.5,

对于每个额外的栏，将最大值增加一个。

这是fiddle。