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.

Add ability to change advanced pie chart font size

See original GitHub issue

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[x] feature request
[ ] support request => Please do not submit support request here

Current behavior The advanced pie chart does not provide a way to change the size of the font that renders percentages and totals. Because of this, if you shrink the pie chart, the chart itself shrinks, but the text remains the same size, so you get some very odd mismatches between chart size and font size (e.g. tiny chart and huge font).

Expected behavior Ideally, changing the chart size using the view property would scale the font along with the chart, so the font size remains relative to the chart size.

Reproduction of the problem Go to the official docs here: https://swimlane.gitbooks.io/ngx-charts/content/charts/advanced-pie-chart.html

Change the view array values in app.ts from the default of [700, 400] to something like [700, 200] or [300, 400].

What is the motivation / use case for changing the behavior? The current behavior makes it difficult to scale this chart to smaller sizes, and that presents a visualization problem for some applications of the chart depending on website size, scale.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

6reactions
marjan-georgievcommented, Aug 17, 2017

We may want to look into making the text sizes relative to the chart size.

0reactions
SkanderLassoued09commented, Jun 14, 2022

How can i modify the css ngx admin

Read more comments on GitHub >

github_iconTop Results From Across the Web

Increase font-size of labels in Pie chart matplotlib [duplicate]
I tried increasing the font size using textprops={'fontsize': 18}). However, it only changes the font-size of the percentage labels inside pie, ...
Read more >
Change the chart text font - Microsoft Support
Right click the chart title and click Font. Right-click menu shown when clicking a chart title. Click the Font tab, and enter the...
Read more >
Video: Customize a pie chart - Microsoft Support
When you insert a chart, small buttons appear next to its upper-right corner. Use the Chart Styles button to quickly change the color...
Read more >
Pie chart labels font size - Highcharts official support forum
We are experimenting with an unconventional use of the pie chart. ... Can I change datalabel font size based on each slice value?...
Read more >
Solved: pie chart with all labels - Microsoft Power BI Community
Solved: Hi, my pie chart has several sections (about 10) and even if I ... (the amount of shown labels also depends on...
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