Chart percent placement

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Chart percent placement

Henrik Engdahl asked 7 years ago

I am trying to use the minimal pie chart (Sales chart) but the percentage number does not appear in the center of the chart.I have just copied the example from your site but still the percentagenumber gets placed besides or above the chart my code: <div class="card col-2"> <div class="card card-header info-color text-white text-center"> Test chart</div> <div class="text-center"> <span class="min-chart" id="chart-sales" data-percent="77"><h6 class="percent h6-responsive"></h6></span> <h6 class=" h6-responsive"><span class="badge-green text-white ">Anmälda <i class="fa fa-arrow-circle-up"></i></span></h6> </div> </div>

Henrik Engdahl commented 7 years ago

SOLVED---Also the badge appears flat without shadow and there is no padding on the badge. So the text goes all the way from one end to the other of the badge.

Henrik Engdahl answered 7 years ago

It was some weird thing with the pro-css files... cant really explain it. Just reload.
Write
Create snippet
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
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Henrik Engdahl
15Support score
5Questions 1Answers
0Snippets likes 0Snippets