Chart.js 具有不同样式部分的堆叠折线图

Question

我的 React 应用程序使用 react-chartjs-2（它又使用最新的 Chart.js 2.7.2）。我正在尝试创建在倒数第二个和最后一个 x 轴标签之间具有不同样式部分的堆叠折线图，如本例所示：

如何实现？

Answer 1

我自己解决了这个问题，将堆叠的线数据分成 2 个数据集，在同一个 figure/axes 上绘制为单独的堆叠图（通过将 2 个单独的数据集包含在单个图表的数据对象中）。