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
- How to translate the "Start" and "End" label in the tooltip of a Highcharts Gantt?
- Modify dataGrouping in Highcharts
- Highmaps shared tooltip for overlapping locations
- how can I make highlight markers in highchart
- Highcharts read data from XML throught attributes
- Adding HTML tables dynamically in Highcharts
- Highcharts - add border radius to boxplot chart
- Correct approach to apply HTML style in x-axis title
- Get stats and show it in chart - PHP/HighCharts
- How to Load HighChart dynamically within angular UI Accorion(uib-Accordion)?
- Highcharts areaspline, not getting the default color for chart
- how to add percentage sign along with int value in graph in java script
- Highcharts add export as csv
- bullet chart configuration in highcharts
- setExtremes Event not working post setExtremes method call
- Rebuild Highchart doesn't work
- Highstock charts give "Uncaught TypeError: Cannot read property 'addPoint' of undefined" error
- Highcharts - how to export chart with different scale in one click
- call hidden value to highchart
- Highcharts: Placement of data labels in the middle of sections of Pie Chart
- HIghcharts.js addseries doesn't work?
- Highcharts donut chart without inner pie?
- highmap : not able to display tooltip
- How to call a Jquery automatically after a Div is created?
- Add custom images in highstock series
- Highchart: exact distance between ticks
- Include datatable in highcharts pdf rendering
- VueJS App put data from GET request inside an array
- Highcharts, Newtonsoft.Json and ASP.NET
- Highcharts plotting line instead of area