Flot JS - 第一个条形边框比其他条形边框更细

Question

我正在使用 Flot JS 创建条形图。

图表正常，但左侧第一个条形图的边框比其他条形图更细，有没有办法解决这个问题，使所有条形图的边框宽度相同？

我认为这在某种程度上与关闭电网有关。

$.plot(placeholder, data, {
            series: {
                bars:{
                    show: true,
                    lineWidth: 2,
                    align:'center'
                }
            },
grid: {
    hoverable: false,
    clickable: false,

    show:false,

},legend: {
    show: false
},label: {
    show: false
}

        });

Answer 1

最左边的条在图表的边缘，左边框的一半在图表之外。你可以

将 x 轴的最小值设置得更靠左一点。
将 x 轴的 autoscaleMargin 设置为 null 以外的值（例如 0.02，这是 y 轴的默认值）。

请参阅 documentation 以获得更多帮助。

Flot JS - 第一个条形边框比其他条形边框更细

Flot JS - first bar border is thinner than others

jquery

flot