我正在使用 chart.js 繪制一個資料集，它是兩個變數的比率，范圍從 10 到 -10。但大多數時候它在 y=1 附近波動。
我正在嘗試借助 chart.js3 繪制此資料集的實心線圖。當填充方向低于 1（即 y<1）而不是默認的 y=0 時，如何更改填充方向？
uj5u.com熱心網友回復：
您可以為填充設定一個物件，您可以對其進行配置：
const options = {
type: 'line',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
borderColor: 'orange',
fill: {
target: {
value: 8
},
above: 'rgb(255, 0, 0)', // Area will be red above the value 8
below: 'rgb(0, 0, 255)' // And blue below the value 8
}
}]
},
options: {}
}
const ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);<body>
<canvas id="chartJSContainer" width="600" height="400"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.js"></script>
</body>檔案
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/448705.html
標籤：javascript 图表 图表.js 图表.js3