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

Question

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

如何实现这一目标？

Answer 1

我自己通过将堆积的线数据分成2个数据集来解决它，在相同的图形/轴上绘制为单独的堆积图（通过在单个图表的数据对象中包括2个单独的数据集）。