如何在 Flot Chart js 中居中栏

Question

我遇到了 flot.js 的一些问题，在我的图表中 xaxis 不是以条为中心，我尝试使用 align: 'center' 但它不起作用，我想要的是 xaxis (日期标签）正好在图表下方 这是我的代码

 $.plot('#grafik-presensi', [data], {
        series: {
                bars: {
                    show: true,
                    barWidth: 0.6,
                    align:'center',
                    fill: true,
                    fillColor: {
                        colors: [{
                            opacity: 0.9
                        }, {
                            opacity: 0.9
                        }]
                    }
                }
            },
            colors: ['#25476a'],
            yaxis: {
                },
            xaxis: {
                    ticks: ticks,
                    
            },
            grid: {
                hoverable: true,
                clickable: true,
                tickColor: '#eeeeee',
                borderWidth: 0
            },
            legend: {
                show: true,
                position: 'nw'
            },
            tooltip: {
                show: true,
                content: 'Presensi %x, Jumlah %y'
            }

    });
});

Answer 1

您的数据 x-values 和您的价格变动似乎与您所在的时区 (GMT +7) 相对应。您需要确保数据和报价均采用当地时间或均使用 UTC。有关详细信息，请参阅 here。

如果无法对数据和报价使用相同的时区，您也可以通过增加 7 小时来手动移动报价。