score:1
Accepted answer
The best solution in your case seems to be to use render event and change the color on the SVG level. Example:
chart: {
...,
events: {
render: function() {
this.series[0].points.forEach(function(point) {
if (point['hc-key'] == state) {
point.graphic.attr({
fill: 'red'
});
}
});
}
}
}
Live demo: https://jsfiddle.net/BlackLabel/x69pLcyo/
API Reference:
https://api.highcharts.com/highcharts/chart.events.render
https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr
Source: stackoverflow.com
Related Query
- highcharts mapchart: no color shown after reload the graph
- How to change the color of highcharts series graph to black & white during downloading it as an image?
- The graph disappear after change marker style and then change the line color
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- Highcharts area graph with fillColor changing color depending on the zone color?
- The graph is not equal on the basis of the addition code in Highcharts
- How to change the text color in Highcharts
- Highcharts area fillOpacity do not work when changing the color
- How do I get the value of a highcharts graph point on mouseover?
- Changing the color of the point dynamically in highcharts
- How do I remove the color swatch from my HighCharts legend without affecting the column?
- Bug in Highcharts after exiting the full screen mode
- How to add new points to highcharts after plotting the first 'n' points?
- highcharts zero values results in graph half way instead at the bottom
- How can i keep the color the same in highcharts
- Highcharts: How to provide a custom stack label in highcharts bar graph from within the stackLabel formatter?
- How do I set the background color of a Highcharts HTML label?
- How to change area graph color above certain value in Highcharts
- Highcharts change the line color if its out of the area range
- highcharts donut pie - different color for the data than its drilldown
- In highcharts how do I change the color of the line above the categories?
- Highcharts visualizes chart data incorrectly after zooming or using the navigator
- Setting highcharts datalabels backgroundColor with the same color of its serie
- how to display 2 same highcharts without duplicate the code
- Fix the color of charts in HighCharts
- Highcharts - Why is there extra spacing before the first column and after the last column?
- how can i add in highcharts a different dashStyle just for a part of the graph
- Highcharts shown in multiple divs with the same name
- How to make legend color show up in Highcharts for a line graph under certain conditions?
- Highcharts legend is overlapping on to the graph area
More Query from same tag
- child Progress indicator is not working after collapsed and expanding parent element
- Highcharts setData on pie chart not working
- SplitSeries does not work in Packed Bubble Highchart in r
- Set Color for Pie Chart using HighChart + JSON data
- building highcarts options in views.py
- Populate JSON object to highchart bar chart
- Disable marker on certain points on highcharts
- Highstock: Change color of date input box border if active
- GWT Highcharts, Java, and xml UiBinder?
- Highstock shared tooltip multiple series - show data for line when not on point
- Sorting Scatter Highstock Chart with Multiple Series
- Highcharts remove theme background before printing
- Bar chart with Stacked bar
- highstock axis update from button
- HighChart JavaSCript two spline updating in the same graphic
- Using highchart SVG images with Selenium
- Highcharts - Sankey chart - How to display some series dataLabels name into icon or some different name
- How to add title of axis in Highcharts
- Wrong date in tooltip in charts with daylight savings time in highcharts
- use highmaps in .vue file
- Heroku and HighCharts Rails Gem -
- Export multiple charts with one request
- Using highcharts x-axis "zones" for datetime series chart
- Highcharts: yAxis duration in hours resets every 24h
- Highcharts - Starting the chart from the extreme left
- highcharts panning
- Highcharts - change background color along specific date range
- Put Rally.ui.chart.Chart charts inside a container
- Change map color on specific provinces
- Highcharts.JS, Pie chart links to onpage #div ajax content links