Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

Leo free asked 4 years ago


Hello,

How fix the text middle when change the size simple chart. I would like also change the size of the text withe the CSS, but before i would like fix the position

JS Code :

 $(function () {
  $('.min-chart').easyPieChart({
    barColor: "#4caf50",
    size:150,
    onStep: function (from, to, percent) {
      $(this.el).find('.percent').text(Math.round(percent));
    }
  });

My HTML Code :

<div class="text-center">
          <span class="min-chart" data-percent="75">
            <span class="percent"></span>
          </span>
        </div>

The display result :

enter image description here


Marcin Luczak staff answered 4 years ago


Hi,

Thank you for reporting this issue. Unfortunately, it seems that changing the size of the pie chart is causing the text center to be corrupted, and removing it from the options will make text centered. For now, we don't have a solution for size changing but we will work to fix this as soon as possible.

Best regards, Marcin



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: Mac
  • Browser: Chrome
  • OS: Catalina
  • Provided sample code: No
  • Provided link: No
Tags