Donut chart Total

[fr4nk3nst3in]

Summary

It would be nice to split the total label in the label/name and this value. The purpose is to use the total value alone without the label/name. The Value should be centered in the middle of donut.

Intended Use Case

Use the total value as Big Numbers without the label. Like:

[halfpeeled]

Hello! I think I may have a simple working solution to this that I will submit a PR for soon, if this issue is still up for grabs. Thanks!

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[fr4nk3nst3in]

@halfpeeled @junedchhipa First of all thank for the implementation of feature. I have question about documentation of this feature where I have to put the hideLabel:true. As I seen that this feature has been released in 3.54.0.

[junedchhipa]

You have to set the total label as empty string

options = {
  plotOptions: {
    radialBar: {
      dataLabels: {
        total: {
          label: ""
        }
      }
    }
  }
}

[fr4nk3nst3in]

Thanks @junedchhipa .

But what about the pie and their total label? For example if I do following options:

options = {
  plotOptions: {
               pie: {
                  dataLabels: {
                      total: { 
                            label: ''
                      }
            },
            donut: {
                    total: {
                        label: '',
                    },
                },
            },
        }
}

here https://apexcharts.com/docs/options/plotoptions/pie/ is no total option definition under dataLabels. Ans so far I can see a pie/donut is a deferent object as radialBar. Therefore my total for a donut chart without label is still not centered.