question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hiding Labels on Radial Chart

See original GitHub issue

On a Radial chart, the Label is displayed within the middle of the chart. How can we completely hide this, while moving the dataLabels up to it’s position, ideally without changing it’s offsetY.

Here is the radial example provided in the docs.

var options = {
  chart: {
      height: 350,
      type: 'radialBar',
  },
  series: [70],
  labels: ['Progress'],
}

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();

This produces the label of Progress, but if we completely remove the Label key, it defaults to series-1

var options = {
  chart: {
      height: 350,
      type: 'radialBar',
  },
  series: [70],
 //  labels: ['Progress'], <-- hidden
}

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();

Is there a way to hide the Label entirely without just adding a whitespace?

labes: [' ']

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

9reactions
junedchhipacommented, Apr 20, 2019
plotOptions: {
  radialBar: {
     dataLabels: {
       show: false
     }
  }
}

https://apexcharts.com/docs/options/plotoptions/radialbar/#dataLabelsShow

3reactions
junedchhipacommented, Apr 22, 2019
plotOptions: {
  radialBar: {
     dataLabels: {
       name: {
          show: false
       }
     }
  }
}
Read more comments on GitHub >

github_iconTop Results From Across the Web

How to hide labels in the highcharts in the pie
A simple way i found to remove tooltips labels that works. in the file that is usually inside the JS folder called (chart.min.js)...
Read more >
How to hide the field label on a pie chart or customize the ...
Hi all, A few customers have used the pie chart visualization and wanted to remove the measure label from the Tool Tip or...
Read more >
Add or remove data labels in a chart - Microsoft Support
Remove data labels from a chart · Click the chart from which you want to remove data labels. This displays the Chart Tools,...
Read more >
How to customize ojet Chart show/hide labels by Dynamic ...
We have one chart region for various chart types and we would like to hide data labels only for pie charts. $("#Our_chart_jet"). ojChart({ ......
Read more >
radar chart label - how to remove/hide it? - Qlik Community
Goto Chart properties - > General Tab - > Uncheck the tick mark in 'Show Title in Chart' option. Capture.PNG. 473 Views. 0 ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found