我正在嘗試在我的 chartJs 圖表的插件下創建一個線性漸變。不幸的是，我收到一個名為的錯誤：無法在“CanvasRenderingContext2D”上執行“createLinearGradient”：提供的雙精度值是無限的。我正在嘗試在插件中添加我的 linearGradient，因為我希望該漸變在每個比例上對齊。這是我在下面嘗試的 barChart = new Chart(elem, {            plugins: [                {                  id: "responsiveGradient",                  afterLayout: function(chart, options) {                   var scales = chart.scales;                    var color = chart.ctx.createLinearGradient(                       scales["x-axis-0"].left,                      scales["y-axis-0"].bottom,                      scales["x-axis-0"].right,                      scales["y-axis-0"].top                      );                    // add gradients stops                    color.addColorStop(0, "black");                    color.addColorStop(0.25, "red");                    color.addColorStop(0.5, "orange");                    color.addColorStop(0.75, "yellow");                    color.addColorStop(1, "green");                    // changes the background color option                    chart.data.datasets[0].backgroundColor = color;                   }                }              ],            type: 'horizontalBar',            data: datasets,            options: {                maintainAspectRatio: false,                tooltips: { enabled: false },                title: {                  display: false,                },                responsive: true,                legend: {                  display: false,                  position: "top"                },                scales: {                  xAxes: [{                    ticks: {                      beginAtZero: false,                      min:0.5,                      max:0.8,                      maxTicksLimit: 6,                    },