javascript - 仅将颜色应用于 Chart.js 折线图的下部

Question

我有这个折线图

如何只为图表线下方部分的背景着色？就像这张图片

这是我正在使用的代码(这是 react 组件的一部分，正如您可以从 this.props 中看到的):

    var canvas: any = document.getElementById('temperature-chart');
    var ctx = canvas.getContext('2d');
    var chart = new Chart(ctx, {
        type: 'line',

        // The data for our dataset
        data: {
            labels: this.props.labels,
            datasets: [{
                label: "Temperatures",
                backgroundColor: 'rgba(255, 206, 86, 0.2)',
                borderColor: 'rgba(255, 206, 86, 1)',
                data: this.props.numbers,
                borderWidth: 1
            }],
        },

我还定制了一些选项来删除 y 轴并添加标签。

Answer 1

我的解决方案 -

    datasets: [
        {
          fill:'start',
          backgroundColor: 'what you want',
          ...
        }