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.

Labels in pie charts overlap (even with not very long text). See screenshot

Steps to Reproduce:

{
	"height": 250,
	"title": "Fatturati totali per network",
	"type": "pie",
	"data": {
		"labels": ["Cisalpina Tours", "Bluvacanze", "Travelbuy", "Primarete Viaggi e Vacanze", "Blunet", "Uniposte"],
		"colors": ["#7ED321", "#007bff", "#c00", "#fc0", "#FDA5EE", "#9c6d1e"],
		"datasets": [{
			"name": "ago 2018",
			"values": [3848, 3415, 3500, 2704, 1295, 3339]
		}]
	}
}

schermata 2018-05-07 alle 12 01 10

Frappé Charts version: 1.1.0

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:5
  • Comments:5

github_iconTop GitHub Comments

1reaction
scmmishracommented, Jul 20, 2019

Fixed this in the recent release… labels will automatically fit the width of the chart. (ref: https://github.com/frappe/charts/commit/94c835115b946bad3dc383023c8a8bcb0abe73e2)

Also a I’ve sent a PR will allow truncating of labels. PR: https://github.com/frappe/charts/pull/234

0reactions
scmmishracommented, Jul 21, 2019

The PR has been merged.

so it’s gonna be available on v1.2.4 right?

Yes, along with a few other fixes. I am hoping to release it soon.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Place overlapping labels—ArcGIS Pro | Documentation
When using the Standard Label Engine, you can force the placement of all the labels belonging to a given label class on the...
Read more >
Manage Overlapping Data Labels | FlexChart | ComponentOne
Overlapping, generally, occurs due to long data label text or a large number of data points plotted on a chart. With FlexChart, you...
Read more >
MS Excel axis labels overlap in charts (what can you do ...
MS Excel chart axis labels overlap the data. An easy method to move the axis label below the lowest data point to make...
Read more >
Minimizing Overlapping Labels in Interactive Visualizations
One of the most challenging areas of user-controlled and real-time data visualization is label placement. In many of my visualizations, ...
Read more >
Stagger Axis Labels to Prevent Overlapping - Peltier Tech
If a chart has many long axis labels, Excel rotates them or hides some so they don't overlap. Stagger axis labels so they...
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