mdb-simple-chart undefined


Topic: mdb-simple-chart undefined

haker.ben asked 5 years ago

I'm am trying to show mdb-simple-chart like this:HTML page:

<mdb-simple-chart [percent]="80" [barColor]="circleColor" [animate]="{duration: 2000, enabled: true}"></mdb-simple-chart>
<h5>
<span class="badge red accent-2 p-2">Change <mdb-icon fas icon="{{ changeIcon }}" 
class="ml-1"></mdb-icon></span>
<button type="button" class="btn btn-info btn-sm p-2 waves-effect waves-light" placement="top"
mdbTooltip="Percentage change compared to the same period in the past" mdbWavesEffect>
<mdb-icon fas icon="question"></mdb-icon>
</button>
</h5>

This is my module file:

imports: [
    CommonModule,
    RouterModule,
    FormsModule,
   MDBBootstrapModulesPro.forRoot(),
    ChartSimpleModule,

** this is the error i'm getting

ERROR ReferenceError: EasyPieChart is not defined at EasyPieChartComponent.push../node_modules/ng-uikit-pro-standard/fesm5/ng-uikit-pro-standard.js.EasyPieChartComponent.ngOnInit (ng-uikit-pro-standard.js:19017)

how do i fix it so i can use mdb-simple-chart and mdb-icon and mdb-tooltip?


Damian Gemza staff commented 5 years ago

Dear @haker.ben

Do you have installed easy-pie-chart dependency in your application? You need to have it to use the mdb-simple-chart component.

I have copied your code to my application, and there's no such problem.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.3
  • Device: desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No