Topic: mdb-simple-chart size text don\'t follow

Techatract pro asked 6 years ago


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>

Damian Gemza staff commented 6 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, Damian

Techatract pro commented 6 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 graph

Damian Gemza staff commented 6 years ago

Dear Techatract, This problem will be resolved with next update of MDB Angular. Best Regards, Damian

junior5417 pro commented 6 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 6 years ago

Dear junior5417, This feature will be available with next release of MDB Angular :) Best Regards, Damian


Please insert min. 20 characters.

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