Javascript 如何在angular 6中创建带有圆角的chart.js垂直条聊天?
我用的是angular 6,我有一个垂直条形图。我想把酒吧的角落弄圆!我怎么做 以下是代码的一部分: .tsJavascript 如何在angular 6中创建带有圆角的chart.js垂直条聊天?,javascript,typescript,chart.js,bar-chart,angular6,Javascript,Typescript,Chart.js,Bar Chart,Angular6,我用的是angular 6,我有一个垂直条形图。我想把酒吧的角落弄圆!我怎么做 以下是代码的一部分: .ts ngAfterViewInit() { this.canvas = document.getElementById('barChart'); this.ctx = this.canvas.getContext('2d'); let myChart = new Chart(this.ctx, { type: 'bar', data: {
ngAfterViewInit() {
this.canvas = document.getElementById('barChart');
this.ctx = this.canvas.getContext('2d');
let myChart = new Chart(this.ctx, {
type: 'bar',
data: {
labels: this.my_labels,
datasets: [
{
label: '',
fill: false,
backgroundColor: [
'#2699fb',
'#2699fb',
'#2699fb',
],
borderWidth: 1,
data: [12000, 18000, 65000],
}
]
},
options: {
responsive: false,
legend: {
display: false
}
}
});
}
您可以安装chartjs顶部圆条。执行以下步骤:-
1. Install the plugin - npm i chartjs-top-round-bar.
2. Import in TS - import 'chartjs-top-round-bar';.
3. Add in the option while creating Chart -
let myChart = new Chart(this.ctx, {
type: 'roundedBar',
data: {
labels: ['label 1'],
datasets: [{label: 'Label 1', data}]
},
options: {
barRoundness: 0.3
}
}
我希望这有帮助。有帮助吗@Ray不,我试过了,但它不识别chart.types或chart.element这不起作用你面临什么问题?这似乎对我有用。