如何在Angular中使用chartjs-plugin-annotation

问题描述 投票:0回答:1

我在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'; ...

angular chart.js
1个回答
0
投票

在将导入语句更改为:之后为我工作:

© www.soinside.com 2019 - 2024. All rights reserved.