angular - 在 Chartjs 版本 3.5.1 为折线图设置背景颜色时遇到问题
问题描述
我已将我的 chartjs 版本更新为 3.5.1,但我无法为折线图设置背景颜色。边框颜色仍处于活动状态。这是我的代码:
const labels = [
'January',
'February',
'March',
'April',
'May',
'June',
];
const data = {
labels: labels,
datasets: [{
label: 'My First dataset',
backgroundColor: 'rgb(255, 99, 132)',
borderColor: 'rgb(255, 99, 132)',
data: [0, 10, 5, 2, 20, 30, 45],
fill: true,
}]
};
this.chart = new Chart(ctx, {
type: 'line',
data: data,
options: this.options,
})
结果是: 在此处输入图像描述
谢谢你的帮助!
解决方案
这对我来说似乎工作得很好。我能想到的唯一一件事是您正在使用 treeshaking 导入并且没有像这样导入和注册填充插件:
import { Chart, Filler } from 'chart.js';
Chart.register(Filler)
或者,您也可以让 chart.js 导入并注册所有内容,这样您就不会遇到此类问题:
import Chart from 'chart.js/auto';
推荐阅读
- python - 在 IIS 上部署 plotly dash
- javascript - React Native Picker ArrayIndexOutOfBoundsException
- git - git 致命:mmap 失败:参数无效
- ruby-on-rails - 工厂在创建后引用关联
- echarts - eCharts:如何更改正负值的线条颜色?
- office-js - 跟踪 Office 加载项中的约会时间更改
- c - 在函数中传递双指针
- arrays - 如何为 KERAS 多标签问题提供 DataGenerator?
- c - 如何在带有 python 3.8 的 Windows 10 上使用 Cython
- sql-server - 多个属性时通过sql查询从xml获取值