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 Articles
- Highcharts inactive state must be applied to all items except for hovered item
- Disabling inactive state in Highcharts styled mode
- 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
- Highlight tooltip shared item depending on hovered serie in Highcharts
- Highcharts tooltipRefresh check for hovered item
- How to modify highcharts legend item click event?
- Hide line in default state in Highcharts
- Highcharts Series - want to show/hide all EXCEPT selected series (reversal of default logic)
- Displaying percentage inside pie item for highcharts
- Highcharts - How to programmatically toggle legend items and determine which items are selected
- Display legend items in two columns highcharts
- Highcharts buggy with more than 999 items in series data?
- Resetting Highcharts to initial state
- Turn long list of items in Highcharts legend into dropdown
- Highcharts legend item hover event?
- How to add an item to Highcharts legend?
- Highcharts - Legend item padding
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highcharts putting extra space among legend items
- HighCharts legend.value and legend.percent items to 2 decimal points Math.Round()
- Highcharts - Global configuration with common code and unique data & Headings
- HighCharts Hide specific context Menu items
- Is there a way to have a toggled legend item save its state on refresh?
- highcharts legend items align to the left when width is set
- Highcharts item width not 100% in carousel
- Customise Highcharts Pie Chart Selection State so that slice does not animate out when selected
- HighCharts : Highlight entire series when hover and restore state when out
- HighCharts Stock Chart error code 18
- Passing in Id for each data item in bar chart using highcharts
- Highcharts disable hover effect and select animation
- How to create highlight area under curve in high chart?
- highstock crosshair width according to zoom
- zone.js:680 Unhandled Promise rejection: chartModule is not a function
- Highcharts - Area fillOpacity is mixing on multiple area charts
- r- how to display the labels on the highcharter objects all the time
- Limit ticks on X axis in highcharts with R
- Adding data to highcharts(Highstock) when user scrolling reaches left end
- Can I let a data value null in highcharts?
- Using columnrange chart type in Highcharts with custom output?
- How to get the Div id of charts in highcharts on click of it in angular 6
- highcharts string in data: [ ]
- How do I enlarge the pie chart and shift to the center
- Sorting a group based on value
- Change color of pie chart on drilldown
- Extending Area to full width of Chart with Months on x-axis
- Highcharts multiple charts drilldown
- High and low line on candlestick chart
- Displaying additional text for Highcharts Bubble chart
- setting tooltips for multiple range line series in highchairs