buttonwillowsix
Posts: 6
Joined: Thu Jul 20, 2017 7:24 pm

Styling Tooltips

Hi! I want to increase the font size on the tooltips for a pie chart, but am having a hard time figuring it out.
kamil

Re: Styling Tooltips

Hi buttonwillowsix,

One of the ways to change tolltip's font-size is using tooltip.style.fontSize property.

Best regards!

Example: http://jsfiddle.net/kkulig/6qwoozde/
API Reference: http://api.highcharts.com/highcharts/tooltip.style
buttonwillowsix
Posts: 6
Joined: Thu Jul 20, 2017 7:24 pm

Re: Styling Tooltips

Hi!
So I need to do that in the custom code section? I tried to follow the example, and came up with the following, but it didn't seem to have any effect.

Highcharts.extend(options, Highcharts.merge(options, {
plotOptions: {
"tooltip": {
"style": {
"fontSize": "50px"
}
}
}
}));
kamil

Re: Styling Tooltips

Hi!

Notice that tooltip is chart's property (not plotOptions'). In Highcharts Cloud this code worked for me:

Code: Select all

Highcharts.extend(options, Highcharts.merge(options, {
    tooltip: {
        style: {
        	fontSize: "50px"
        }
    }
}));
Please make sure that your code is not commented.

Best regards!

API reference: http://api.highcharts.com/highcharts/tooltip
buttonwillowsix
Posts: 6
Joined: Thu Jul 20, 2017 7:24 pm

Re: Styling Tooltips

Thanks! This fixed my issue!

Return to “Highcharts Cloud”