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.

Change fontSize for radar type point label

See original GitHub issue

I am generating a radar chart with some sample data, I need to increase the size of the font for the point labels, I have searched the documentation for all occurrences of fontSize and tried all of them, but the size of point label title remains the same. I also found this questions on stackoverflow, but when I copy and paste it with my example it logs an error into a console

Uncaught TypeError: (intermediate value).Radar is not a function

Expected Behavior

I would expect to be able to pass another key called fontSize that will affect the size of the point label title.

Current Behavior

The size of the the point labels remains the same.

Possible Solution

I would imagine passing another key to labels called fontSize with a number of what size you want the labels to be would be an ultimate and intuitive solution.

Steps to Reproduce (for bugs)

CODEPEN example

the link is fairly self explanatory, but just to mention I did try to edit Chart.defaults.global.defaultFontSize Chart.defaults.global.tooltips.titleFontSize Chart.defaults.global.title.fontSize

Context

I am generating a graph which then turn into an image that will be included in a pdf. The pdf has to look like a given design and I am really close to it, but the size of the point labels.

Environment

  • Chart.js version: 2.4.0
  • Browser name and version: Chrome 55 and Safari 10.0.3
  • Link to your project: project is developed locally

Issue Analytics

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

github_iconTop GitHub Comments

4reactions
dibsyjr1commented, Feb 2, 2017

Do you mean like this?

http://codepen.io/anon/pen/pRLBNy

Note that you do have to scroll down to actually see the chart now that the labels are taking up so much room. If you don’t know what i’ve changed i’ve included this in scale options:

pointLabels: {
	fontSize: 50		
}
1reaction
dibsyjr1commented, Feb 3, 2017

@etimberg No problem, happy to help.

Read more comments on GitHub >

github_iconTop Results From Across the Web

ChartJS V3 Radar chart Label Font Size - Stack Overflow
I'm trying to change the font size for the point labels on a radar chart. It seems that this is the way you...
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 >
[Solved]-ChartJS V3 Radar chart Label Font Size-Chart.js
Can I specify a different font size for each row of text in Chart Title? ... ChartJS Radar Chart radar lines color? How...
Read more >
How do I change the font size of text in a figure? - MathWorks
I want to change the font size for the title, axis labels, and other text in my figure. ... For example, the code...
Read more >
Radar chart with Matplotlib - Python Graph Gallery
A highly customized radar chart with custom annotations and labels to explore ... font text.set_fontsize(16) # Change default font size # Adjust tick...
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