这是我正在使用的代码(这是 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 轴并添加标签。
最佳答案
我的解决方案 -
datasets: [
{
fill:'start',
backgroundColor: 'what you want',
...
}
关于javascript - 仅将颜色应用于 Chart.js 折线图的下部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47859398/