如何将居中图表的条形居中?

pmichna

我正在将Flot库与angular-flot一起使用我有一个固定大小的图表,当显示fe 1或2条时看起来不太好。您可以在下面的示例中看到2条线:

2条

条形图尝试在x轴的整个长度上展开。我希望居中对齐-它们应该在中间“开始”并水平分布。在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
    }
}
标记

只需在xAxis选项上设置智能的最小值/最大值。例如,在带有两个条形图的地块上:

min: -0.5,
max: 1.5,

每增加一个小节,最大值增加一。

这是一个小提琴

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章