Javascript Chart.js具有不同样式剖面的堆叠折线图

我的React应用程序使用了

React-chartjs-2

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

---

如何实现这一点？

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

你能分享一个例子吗？我也在为同样的问题挣扎。我尝试添加2个数据集，但没有成功。