ApexCharts.js 折线图 - 显示缺失日期为零

Question

我正在用这样的“日期值对”填充一个系列：

series: [{
                      name: "Price",
                      data:[
                        [1486684800000, 38],
                        [1486771200000, 0],
                        [1486857600000, 0],
                        [1486944000000, 0],
                        [1487030400000, 0],
                        [1487116800000, 58]]
                    },

但是，例如，当我用“缺失日期”填充系列数组时，如下所示：

series: [{
                      name: "Price",
                      data:[
                        [1486684800000, 38],
                        [1487116800000, 58]]
                    },

ApexCharts 将自动填充该行，并且不会用零值填充缺失的日期。

关于如何强制 ApexCharts 显示零值的缺失日期而不是“忽略”它们有什么想法吗？

Answer 1

我知道这个问题已经有两年了，但我也遇到过类似的问题。我的后端返回格式为 YYYY-MM-DD 的日期，但您可以很容易地更改它。

    var startDate = new Date()
    startDate.setDate(startDate.getDate() - 30)
    var getDaysArray = function (start, end) {
      for (var arr = [], dt = new Date(start); dt <= new Date(end); dt.setDate(dt.getDate() + 1)) {
        const currDate = new Date(dt).toISOString().split('T')[0]
        var amount = response.data.monthly_logs.find(monthlyLog => monthlyLog.created_at__date === currDate) || 0
        if (amount) {
          amount = amount.price
        }
        arr.push({ x: new Date(dt), y: amount })
      }
      return arr
    }
    var result = getDaysArray(startDate, new Date())