Chart.js line chart with area range
<p>I'd like to add another dimension to a <a href="http://www.chartjs.org/docs/" rel="nofollow noreferrer">Chart.js</a> line chart, similar to the chart below, or <a href="http://www.highcharts.com/demo/arearange-line" rel="nofollow noreferrer">this Highcharts example</a>. I'm having difficulty understanding where I'd be able to implement such a feature, given Chart.js' myriad extension options.</p>

<p><a href="https://i.stack.imgur.com/BgYBs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BgYBs.png" alt="Line chart with area"></a></p>

<p>Ideally, I'd be able to provide a dataset with a field similar to <code>data</code> specifying the width of the line at a certain point.</p>