Topic: mdb-simple-chart size text don\'t follow
When using the "size" attribute of the mdb-simple-chart the chart gets bigger, but the text remain the same size and stays in the same place.
<mdb-simple-chart [percent]="progress" [barColor]="'4CAF50'" [animate]="{duration: 1000, enabled: true}" trackColor="f2f2f2" scaleColor="303030" size="200"></mdb-simple-chart>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Tags
Damian Gemza staff commented 5 years ago
Dear Techatract, Thanks for reaching out our support forum! The problem which you're describing is a bug. I have added it to our fixes list, and we'll fix it with future releases. For now, I can suggest you a workaround for your situation. Just add this code to your global stylesheet styles.scss and check if it worked for you. For me it's working just fine: .percent { position: relative; left: 40%; top: 40%; } Best Regards, DamianTechatract pro commented 5 years ago
Thank you! Is there a way to change the barColor dynamically? Every time I change the value, it doesn't show on the graphDamian Gemza staff commented 5 years ago
Dear Techatract, This problem will be resolved with next update of MDB Angular. Best Regards, Damianjunior5417 pro commented 5 years ago
Hi, Is there any way to change the text in the simple-chart? Would like to have this features in the next update too :)Damian Gemza staff commented 5 years ago
Dear junior5417, This feature will be available with next release of MDB Angular :) Best Regards, Damian