我在Angular项目中的版本是:“ chart.js”:“ ^ 2.9.2”,“ chartjs-plugin-annotation”:“ ^ 0.5.7”,
输入导入语句时:
import * as ChartAnnotation from 'chartjs-plugin-annotation';
我将其悬停在上面]
Could not find a declaration file for module 'chartjs-plugin-annotation'. 'c:/XRay/xray/node_modules/chartjs-plugin-annotation/src/index.js' implicitly has an 'any' type. Try `npm install @types/chartjs-plugin-annotation` if it exists or add a new declaration (.d.ts) file containing `declare module 'chartjs-plugin-annotation';`ts(7016)
我正在尝试使用此方法在散点图上划一条线
this.scatterChart = new Chart('myChart', {
type: 'scatter',
//plugins: [ChartAnnotation],
data: {
datasets: [{
label: 'Scatter Dataset',
pointBackgroundColor: ['yellow', 'blue', 'red', 'green', 'orange', 'indigo'],
data: [
{ x: -10, y: 0 },
{ x: 0, y: 10 },
{ x: 3, y: 8 },
{ x: 1, y: 4 },
{ x: 9, y: 1 },
{ x: -1, y: 5 }
]
}]
},
options: {
legend: {
display: false
},
scales: {
xAxes: [{
type: 'linear',
position: 'bottom'
}]
},
annotation:{
drawTime: 'afterDatasetsDraw',
annotations:[{
type: 'line',
id: 'vline',
mode: 'horizontal',
yscaleID: 'y-axis-0',
value: 5,
borderColor: 'green',
borderWidth: 1,
label: {
enabled: false,
content: 'Test label'
}
}]
}
} as ChartOptions
});
我在Angular项目中的版本为:“ chart.js”:“ ^ 2.9.2”,“ chartjs-plugin-annotation”:“ ^ 0.5.7”,在键入导入语句时:import * as ChartAnnotation from' chartjs-plugin-annotation'; ...
在将导入语句更改为:之后为我工作: