Question

我用Charts.js图表创建了一个反应组件。

现在我需要此图表以两种颜色显示chartArea。我正在考虑渐变选项，但找不到未使用的方法。

var ctx = document.getElementById('myChart').getContext("2d");
var gradientFill = ctx.createLinearGradient(500, 0, 100, 0);
gradientFill.addColorStop(0, "rgba(128, 182, 244, 0.6)");
gradientFill.addColorStop(1, "rgba(244, 144, 128, 0.6)");

这对我没有帮助，因为我使用了该组件。

它具有这些选项。

const options = {
    responsive: true,
    maintainAspectRatio: true,
    legend: {
        display: false
    },
    vline: true,
        label: 'Weekend Start',
        linePosition: 2,
    scales: {
        yAxes: [{
            gridLines: {
                display:false
            },
        }],
        xAxes: [{
            gridLines: {
                display:false
            }
        }]
    },
   backgroundColor: ¿?
};

组件非常简单

<Line
    data={data}
    options={options}
/>

应该显示白色背景，直到当前年份和其余年份应该具有灰色背景。

有什么想法吗？ 感谢您的帮助。

感谢您的帮助！

是否可以在chart.js中以两种颜色显示chartArea？

0 个答案: