Apex 图表 X 轴日期时间纪元

Question

我已经为此苦苦挣扎了几个小时，似乎无法弄清楚任何事情，在这个问题上把我的头发拉出来。

这是我的图表数据

var options = {
                chart: {
                    height: 350,
                    type: 'area',
                },
                dataLabels: {
                    enabled: false
                },
                stroke: {
                    curve: 'smooth'
                },
                colors: ["#FFB64D", "#FF5370"],
                series: [{
                    name: 'series1',
                    data: [0.3333333333333333, 0.5, 0.6, 0.5714285714285714]
                }],

                xaxis: {
                    type: 'datetime',
                    categories: [1641535200, 1641621600, 1641708000, 1641794400],
                },
                        }

            var chart = new ApexCharts(
                document.querySelector("#area-chart-1"),
                options
            );

            chart.render();

这是我的图表

我似乎无法弄清楚为什么日期不能正确反映

我也试过下面的代码，我用网上的纪元计算器确认这确实是我要找的日期，一天一个时间戳，每个时间戳一个值。

var options = {
                chart: {
                    height: 350,
                    type: 'area',
                },
                dataLabels: {
                    enabled: false
                },
                stroke: {
                    curve: 'smooth'
                },
                markers: {
    size: 2,
},
                colors: ["#FFB64D", "#FF5370"],
                series: [{
                    name: 'series1',
                    data: [[1641513600, 0.3333333333333333], [1641600000, 0.5], [1641686400, 0.6], [1641772800, 0.5714285714285714]]
                }],

                xaxis: {
                    type: 'datetime',

                },
                tooltip: {
                    x: {
                        format: 'dd MMM yyyy'
                    }
                },

                        }

            var chart = new ApexCharts(
                document.querySelector("#area-chart-1"),
                options
            );

            chart.render();

Answer 1

总是很高兴检查您是在寻找纪元还是毫秒，将时间转换为 * 1000 并解决了我的问题。

Apex 图表 X 轴日期时间纪元

Apex Charts X Axis Datetime Epoch

javascript

epoch

apexcharts