Apex 图表 X 轴日期时间纪元答案

【问题标题】：Apex Charts X Axis Datetime EpochApex 图表 X 轴日期时间纪元
【发布时间】：2022-01-13 06:12:02
【问题描述】：

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

这是我的图表数据

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();

【问题讨论】：

标签： javascript epoch apexcharts

【解决方案1】：

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

【讨论】：