I have problems with a PrimeNG chart.
At the beginning my problem was with in the html with the [options], I read that it was better if I downloaded the 2.9.4 chart.js and I did it, now I have the error: Module not found: Error: Can't resolve 'chart.js/auto' in 'D:\Proyectos trabajo\Plots\node_modules\primeng\fesm2015'
I read that it is related with the way I have to import the v2, but I dont understand the right way, I am trying to use this:
import Chart from 'chart.js';
but I have one error in 'chart.js', well here is my code:
the module:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { PlotsRoutingModule } from './barChart-routing.module';
import { BarPageComponent } from './pages/bar-page/bar-page.component';
import { BarChartComponent } from './components/bar-chart/bar-chart.component';
import { BarFormComponent } from './components/bar-form/bar-form.component';
import {ChartModule} from 'primeng/chart'; //IS HERE WHERE THE PROBLEM IS??? I tryed to change it for import Chart from 'chart.js' but I have an error
@NgModule({
declarations: [
BarPageComponent,
BarChartComponent,
BarFormComponent
],
imports: [
CommonModule,
PlotsRoutingModule,
ChartModule
]
})
export class PlotsModule { }
the component imports:
import { Component, OnInit } from '@angular/core';
import { Subscription } from 'rxjs';
import { AppConfig } from 'src/app/plots/interfaces/interfaces';
import { AppConfigServiceService } from 'src/app/plots/services/app-config-service.service';
the angular.json
"scripts": [
"./node_modules/chart.js/dist/Chart.js"
]
thank you for your help
It depends on the version of angular you are using. Chart.js was updated to 3.3.2 in primeng 12.1.0
Follow this link for the migration guidehttps://github.com/primefaces/primeng/wiki/Migration-Guide#1210
If you have any customized classes which use chart.js you may need to have a look at this toohttps://www.chartjs.org/docs/latest/migration/v3-migration.html
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.