Change properties of Minimalist charts

Topic: Change properties of Minimalist charts

apichai52 pro asked 7 years ago

In MDB Angular, there is 'Minimalist charts' which I think apply from 'easy-pie-chart'.
My question is how can I change some properties of 'easy-pie-chart' such as 'lineWidth'.
I try
mdb-simple-chart [percent]="56" [barColor]="'4CAF50'" [lineWidth]="'16'"
or
[lineWidth]="16"
but it does not work.

Is there any way to change those remaining properties besides 'percent' and 'barColor' ?

Thank you.

Add comment

apichai52 pro answered 7 years ago

1 0 Best answer

Thank you.

Damian Gemza staff commented 7 years ago

Dear apichai52, We've already added support for every options to configure simple charts. It will be available in next release of MDB Angular Pro. But now you can access it from our GIT, which is available on branch #dev of MDB PRO repository. Best Regards, Damian

Add comment

Jakub Strebeyko staff answered 7 years ago

0 0 Best answer

Hi there apichai52,

Yes. Currently, to have access of these chart-editing goodies, you have to edit the component's file, available at
mdb-angular-pro/src/app/typescripts/pro/easy-charts/chart-simple.component.ts

There, you can choose to either:

a) simply change lineWidth for all the minimalist charts in general using options object property, or

b) make the property open for customization within each instance by adding 2 appropriate lines of code for each option you're interested in - one in @Input and ngOnInit(). I'm attaching a screencap of how to do it for lineWidth.

With Best Regards,
Kuba