Javascript Chart.js：填充两行之间的背景

我有两条线的折线图。第一行是静态的，第二行是动态构建的。若第二行的y值高于第一行的y值，我需要填充第一行和第二行之间的区域

我用图书馆建图表

目前我有下一个结果（）：

预期结果：

---

这是一种非常粗俗的方式，但它给出了预期的结果：D

小提琴->

var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
  type: 'line',
  data: {
    labels: ["Yellow", "Blue", "Green", "Orange", "Pink"],
    datasets: [{      
      fill: false,
      data: [0, 10, , 10, 0],
      backgroundColor: 'black',
      borderColor: 'black',
      borderWidth: 1
    }, {      
      data: [10, 10, 10, 10, 10],
      fill: true,
      backgroundColor: 'white',
      borderColor: 'black',
      borderWidth: 1
    }, {      
      data: [, 10, 18, 10, ],
      backgroundColor: 'black',
      borderColor: 'black',
      borderWidth: 1
    }]
  },
  options: {
    scales: {
      yAxes: [{
        display: false,
        ticks: {
          beginAtZero: true
        }
      }],
      xAxes: [{
        display: false
      }]
    },
    legend: {
      display: false
    },
    tooltips: {
      enabled: false
    },
    elements: {
      point: {
        radius: 0
      }
    }
  }
});