Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Highcharts how to remove headers from tooltip

Tags:

highcharts

enter image description here

How to remove the 0 above Kosten? I suppose I should add something to series to hide it.

My highcharts script

Any suggestions?

like image 803
xxx Avatar asked Nov 11 '15 09:11

xxx


People also ask

How to remove the Highcharts logo from my chart?

This can be removed using credits option in your chart settings. will remove the highcharts.com logo.

Where can I find the Highcharts API?

These pages outline the chart configuration options, and the methods and properties of Highcharts objects. Feel free to search this API through the search bar or the navigation tree in the sidebar. Options for the tooltip that appears when the user hovers over a series or point.

How is the date format in the tooltip's header determined?

For series on datetime axes, the date format in the tooltip's header will by default be guessed based on the closest data points. This member gives the default string representations used for each unit. For an overview of the replacement codes, see dateFormat.

Is there a way to hide a tooltip?

You can use Tooltip's internal functions called refresh () and hide (). Take a look at the example I prepared for you and in case of any questions, feel free to ask. Regards. D_Paul, thank you for your response and putting together the JSFiddle, however it doesn't work.


1 Answers

You will have to look into the tooltip options: http://api.highcharts.com/highcharts#tooltip

I added the following bit of code that removed the numbers above kosten

tooltip:{
         headerFormat: '',
},

It basically replaces the values from the x axis (0,1,2, etc) in the tooltip with an empty string, therefore it doesn`t appear.

Working example: http://jsfiddle.net/4pp1zhfb/5/

like image 143
Ryan Avatar answered Sep 20 '22 11:09

Ryan