Disable highcharts tooltip on certain lines, leave it enabled on others?

highcharts tooltip formatter
highcharts disable hover ( opacity)
highcharts tooltip enabled false
highcharts mouseover tooltip
highcharts tooltip is hidden
highcharts series' tooltip formatter
highchart show tooltip
highcharts tooltip opacity

I have a Highchart containing multiple lines. I want to disable the tooltip on certain lines, and leave it enabled for others. Is that possible? I see how to disable the tooltip globally, but not by series.

For instance, on the standard line chart example is it possible to disable the tooltip on the red and blue lines but leave it enabled on the other two?

UPDATE

use enableMouseTracking: Boolean

Notice enableMouseTracking: Boolean was introduced after this question was asked

Old Answer

I just Disabled the heights point in the Tokyo series

here is your code

     tooltip: {
            formatter: function() {

                if(this.series.name == 'Tokyo' && this.y == 26.5 ){
                  return false ;
                // to disable the tooltip at a point return false 
                }else {
                    return '<b>'+ this.series.name +'</b><br/>'+
                    this.x +': '+ this.y +'°C';
            }   
            }
        }

jsfiddle

tooltip.outside, Enable or disable animation of the tooltip. the mouse as it moves across columns, pie slices and other point types with an extent. Return false to disable tooltip for a specific point on series. The HTML of the null point's line in the tooltip. Stack Exchange network consists of 177 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Use enableMouseTracking. It's the best way to do it.

Per Serie

series: [{
    name: 'Serie1',
    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
    enableMouseTracking: false
}, {
    name: 'Serie2',
    data: [7.0, 6.9, 9.5, 15.5, 15.2, 15.5, 15.2, 15.5, 11.3, 17.3, 11.9, 9.6]
}]

Global

plotOptions: {
    series: {
        enableMouseTracking: false
    }
}

The code above will display tooltip for only the first serie.

Reference: enableMouseTracking

Hide/Close tooltip on click, I have a requirement o close/hide tooltip on pie/bar charts with an on click event. I did initially set the tooltip enabled to false and when a click event fired i am Please test this solution and let me know if this solved your problem. i am looking for update of the particular slice/column which was clicked ? Stack Exchange network consists of 177 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

For stock charts enableMouseTracking: false makes lines inactive on hover.

Here's better solution:

Highcharts.chart('container', {
  series: [{
    name: 'John',
    type: 'column',
    data: [5, 3, 4, 7, 2],
    tooltip: {
      pointFormatter: function() {
        return false
      }
    }
  }, {
    name: 'Jane',
    type: 'column',
    data: [2, 2, 3, 2, 1],
    tooltip: {
      pointFormatter: function() {
        return 'Second <strong>column</strong> series.'
      }
    }
  }, {
    name: 'Joe',
    type: 'line',
    data: [3, 4, 4, 2, 5],
    tooltip: {
      pointFormatter: function() {
        return false
      }
    }
  }]

});

Disable series fading, The other tooltip options may also be handy for your case: Comment out the following CSS lines in highcharts.css and it will remove series fading about some other hover effects - inactive state was designed in 2019, but� \r\r \r\r \r\r `this.percentage` \r\r: Stacked series and pies only. The point's percentage of the\rtotal. \r\r \r\r \r\r `this.point` \r\r: The point object.

Highcharts pie tooltip cuts off - Stack Overflow, Disable highcharts tooltip on certain lines, leave it enabled on other highcharts javascript - Highcharts tooltip overflow is hidden - Stack Overflow. javascript� Setting an empty series array will remove all series, but leaving out theseries property will leave all series untouched. If the series have id's, the new series options will be matched by id, and the remaining ones removed. animation: boolean | Highcharts.AnimationOptionsObject <optional>

Highcharts CheatSheet --> https://github.com/LeCoupa/awesome , Highcharts requires two files to run, highcharts.js and either jQuery, MooTools or resetZoomTitle: 'Reset zoom level 1:1', // The tooltip title for the label polar: false, // When true, cartesian charts like line, spline, area and column are animation: true, // Enable or disable the initial animation when a series is displayed. Callback function to format the text of the tooltip from scratch. In case of single or shared tooltips, a string should be be returned. In case of splitted tooltips, it should return an array where the first item is the header, and subsequent items are mapped to the points. Return false to disable tooltip for a specific point on series.

Highcharts tooltip is hidden, I want to have a table, with a header and then a line for every point. Tooltip is not hidden after formatting in highchart javascript , jquery , css , highcharts I'm Please check the styles with Firebug or some other inspection tool. chart with shared tooltip about 3 years stickyTracking: false on bubble charts doesn't remove� The Beginner’s Guide to Chart. Chart. The tooltip (action, params) method can perform an action on the tooltip elements, such as disabling the tooltip. Capturing Hover Events: Data. 6 0. I was able to remove tooltip alone, but I need to remove/disable the complete hover thing. In Vue it gets a little trickier.

Comments
  • Thanks very much, I have this working in my code now. I found that setting 'enableMouseTracking: false' in the desired series also works. Cheers.
  • In my situation, i need to have click event on that particular series but not the tool tip. With enableMouseTracking : false option. Click event is also disabled. Hence I believe i should go with your Old Answer.
  • Is it possible to enable every tooltip again via click of a button with your code?
  • the documentation says you can set it per series but only provides an example of setting it globally
  • The link above to enableMouseTracking does not work. The question asks about enabling per series, but enableMouseTracking only seems to work for the entire chart. I wonder if this is broken in HighCharts (HighStock) 6?
  • It disables the drag and drop functionality as well.
  • How is this a functioning example? This does not work for me. enableMouseTracking is within plotOptions only. There is no data property inside of plotOptions.
  • @CodeAssist You can do it in series (api.highcharts.com/highcharts/series.line.enableMouseTracking) or plotOptions (api.highcharts.com/highcharts/…)
  • @RicardoAlvaroLohmann for some reason I get an error stating the property doesn't exist. Looking at their example it still only uses it inside of the plotOptions. Have you actually done this? It looks like a bug to me.
  • Figured it out. It was a @types/highchart issue because of the lack of typings for v6. Thanks