Javascript 在chart.js中随时间正确缩放xAxis

使用chart.js，我有一个条形图，其中的数据点分布多年：

如果仔细观察x轴附近，可以看到一些灰色条。这是一张具有相同数据的折线图，供参考：

虽然在本例中使用折线图是有意义的，但它会使数据较少的图表有点尴尬：

用条代替线

当涉及大x轴时，是否有一个选项可用于条形图以提高可读性？我代表的是一段时间内发生的事件，另一种经过调整的图表也可以接受

---

谢谢。

我不确定chart.js上是否有选项

处理这种情况的一种方法是先渲染折线图，然后在放大到特定日期范围时将类型切换为“条形”

根据数据的类型，您还可以通过按天（或周或月）对数据求和（或平均）来对数据进行分组。然后将其传递到图表中，时间序列选项应该能够以更合理的方式显示x轴日期

否则，您将不得不研究更多能够处理和操作更大数据集（如amCharts）的power charting库：

---

或者考虑使用D3，它是高度可定制的，但使用起来有点复杂。

我不确定chart.js上是否会有一个选项

处理这种情况的一种方法是先渲染折线图，然后在放大到特定日期范围时将类型切换为“条形”

根据数据的类型，您还可以通过按天（或周或月）对数据求和（或平均）来对数据进行分组。然后将其传递到图表中，时间序列选项应该能够以更合理的方式显示x轴日期

否则，您将不得不研究更多能够处理和操作更大数据集（如amCharts）的power charting库：

---

或者考虑使用高度可定制的D3，但使用起来有点复杂。

如果您发布图表配置，我们可能会提供更好的答案。一个选项是扩展图表的

宽度

，这样每个日期条目都有更多的喘息空间。如果您发布图表的配置，我们可能会提供更好的答案。一个选项是扩展图表的

宽度

，这样每个日期条目都有更多的喘息空间。