score:1
Accepted answer
You can loop through points from the active series and set their state to inactive:
plotOptions: {
series: {
point: {
events: {
mouseOver: function() {
const point = this;
point.series.points.forEach(p => {
if (p !== point) {
p.setState('inactive');
}
});
},
mouseOut: function() {
const point = this;
point.series.points.forEach(p => {
if (p !== point) {
p.setState('normal');
}
});
}
}
},
...
}
}
Live demo: https://jsfiddle.net/BlackLabel/fsdw21em/
API Reference: https://api.highcharts.com/class-reference/Highcharts.Point#setState
Source: stackoverflow.com
Related Query
- Highcharts inactive state must be applied to all items except for hovered item
- Why code of Horizonal line(y-axis) on a single in Highcharts get applied to all other charts integrated with Webdatarocks
- Error: Data source must be a URL for refresh | console error | javascript | Highcharts
- Highcharts tooltipRefresh check for hovered item
- Highcharts Series - want to show/hide all EXCEPT selected series (reversal of default logic)
- Displaying percentage inside pie item for highcharts
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Passing in Id for each data item in bar chart using highcharts
- How To Show All Data Labels For Datetime Axis In Highcharts
- Disabling inactive state in Highcharts styled mode
- Highcharts: How to change colors of all areas except hovered one on MouseOver event in area plot
- Button to show all legend items in highcharts
- Highcharts display label for pie chart using html table as data source
- Simple, Open source PHP wrapper for Highcharts library
- highcharts with scrollbar, how to display all items on download image?
- HTML table as data source for highstock charts using highcharts
- Including source for Alchemy js breaks Highcharts js
- How to use 'compare' for all series except one
- Highcharts column with drilldown results in blurred data label in main chart, except for the drilled down columns
- highcharts display all dates for all points on x-axis
- Highcharts data from google spreadsheet hide all series except one at start
- Using a flask variable as data source for highcharts
- Highcharts backgroundColor for multiple charts is only applied to one chart
- Highcharts Bar Graph Remove Category when all bar values for category equal 0
- Moving dataLabels for a Highcharts timeline all to one side
- Highcharts Interactivity between plots - looking for code improvements
- Highcharts not showing all labels for rows
- Highcharts displaying white space for bars when all values are zero
- Have single color for all words in highcharts word cloud
- formatting all the markers for the hovering series in a HighCharts scatterplot
More Query from same tag
- How to Add Custom Data to Highchart.js Tooltip
- Highcharts: yAxis title = current series name
- Include Third party Charting plugins with ExtJs 5
- Hide Specific Lines On Startup Highcharts R
- Using the VU Guage: add the numeric value below needle
- How to draw multiple segments overlapping and non overlapping in high-charts?
- Highstock MACD Study is using sma instead of ema
- HIGHCHARTS: Event on Export can't access x-axis labels
- HighStock hiding specific series and axes based on checkboxes
- How do I reduce the space between title and chart of a High Chart?
- Highcharts chart click event fired on click of the reset zoom button (bug?)
- Highlighting only selected regions in highmaps
- Dynamic chart using Highcharts with data from MySQL database
- Highcharts column with drilldown results in blurred data label in main chart, except for the drilled down columns
- Highcharts - Line chart is using wrong TimeZone
- Can I easily modify tooltip for certain point and else use default for timeseries data?
- How to combine 2 series in area chart - Highchart
- Repeating Javascript Code
- R Highcharter: Dynamic multi level drilldown in Shiny
- marked point on spline chart bound to x and y axis
- Unable to read json data to draw a graph
- Is there a limit on Highcharts series size?
- Storing mysqli_query into multidimensional php array and utilizing that array as input to highcharts
- Resize highcharts using react-grid-layout not working
- HIghcharts and dynamic json
- Merge two or more graphs using library
- Highcharts not drawing lines between points
- highcharts - pulling data from HTML but converting the strings to number
- Looking for a Highmaps example of worldmap with GPS coordinates
- highcharts-react-native not working in iOS binary (.ipa)