第二个X轴上的条形图未显示

Question

在下面的JsFiddle中，将xAxisID设置为“ 2”时，第二个数据集未显示。设置为“ 1”或注释掉时可以使用：

https://jsfiddle.net/8v0xwj9L/3/

  labels: ["Label1", "Label2", "Label3", "Label4", "Label5"],
  datasets: [{
      "label": "Total V",
      "backgroundColor": "rgba(53,81,103,1)",
      "borderColor": "rgba(53,81,103,.4)",
      "data": [10, 4, 3, 7, 6]
    },
    {
      "label": "Total C",
      "xAxisID": "2",
      "backgroundColor": "rgba(255,153,0,1)",
      "borderColor": "rgba(255,153,0,.4)",
      "data": [9, 9, 8, 7, 6]
    }
  ]
};

var options = {
  scales: {
    xAxes: [{
        id: "1",
        position: 'bottom'
      },
      {
        offset: true,
        id: '2',
        position: 'bottom'
      }
    ],
  }
};


var ctx = document.getElementById("myChart");
new Chart(ctx, {
  type: "bar",
  data: data,
  options: options
});

可能是什么原因？

我的最终目标是制作一个条形图，其中包含2个数据集，这些数据集在X轴上的范围不同，但仍在图形中重叠。

想象一下，通过显示一周中每一天彼此相邻的横条来比较第1周和第2周的数据点，但是它们的X时间戳显然不匹配，因此两个X轴不匹配。

Answer 1

[当您说时间戳时，我们是在谈论日期还是时间？如果只是几天，您可以使用一个x轴，如下所示：https://jsfiddle.net/jbmn01z6/

如果需要时间，则条形图不是一个好主意。我什至不知道您是否会喜欢这种方式。我将使用x轴为type: 'time'的折线图。然后，您可以非常精确地使用和显示时间戳。