您如何在X轴上更正ApexCharts DateTime范围？

发布于 2025-01-18 08:51:54 字数 743 浏览 2 评论 0 原文

我已经在Vanilla JavaScript中使用ApexCharts创建了一个线图。串联值具有相应的日期，但由于某种原因，3月份被排除在X轴日期标签之外。

示例数据：

  series: [
    {
      name: "Parker, D (1250)",
      data: [
        { x: "28-Feb-2017 GMT", y: 34 },
        { x: "31-Mar-2017 GMT", y: 43 },
        { x: "30-Apr-2017 GMT", y: 31 },
        { x: "31-May-2017 GMT", y: 43 },
        { x: "30-Jun-2017 GMT", y: 33 },
        { x: "31-Jul-2017 GMT", y: 52 }
      ]
    }

输出：

“在此处输入映像”

出于某种原因，图表正在绘制第一个数据点（日期为日期2月28日的2月1日，我想要的预期行为是3月1日的日期轴。

这是任何人都可以玩：

有人知道如何解决此问题吗？

原文

I've created a Line graph using Apexcharts in vanilla javascript. The series values have corresponding dates, but for some reason, the month of march is left out of the x axis date labels.

The sample data:

  series: [
    {
      name: "Parker, D (1250)",
      data: [
        { x: "28-Feb-2017 GMT", y: 34 },
        { x: "31-Mar-2017 GMT", y: 43 },
        { x: "30-Apr-2017 GMT", y: 31 },
        { x: "31-May-2017 GMT", y: 43 },
        { x: "30-Jun-2017 GMT", y: 33 },
        { x: "31-Jul-2017 GMT", y: 52 }
      ]
    }

The output:

enter image description here

For some reason, the chart is plotting the first data point (with date of 28th of Feb) directly above the date 1st of Feb. The expected behaviour that I would like is the date axis to say 1st of March instead.

Here's the codepen for anyone to have a play with: https://codepen.io/shane-wood/pen/zYpGxrY?editors=0010

Does anyone know how to fix this issue?

分享到QQ

分享到微博