score:2
According to this post you are only missing to call redraw on series. And also it addresses how to change the color of series completely including markers and legend too in addition to line object. Changing series color in highcharts dynamically
var series = chart.series[0];
series.setData(data);
if(jQuery.inArray(data[$i][2], http_code_arr) > -1)
{
series.color = "#FF0000";
series.graph.attr({ stroke: '#FF0000' });
}
else
{
series.color = "#3BBEE3";
series.graph.attr({ stroke: '#3BBEE3' });
}
chart.legend.colorizeItem(series, series.visible);
$.each(series.data, function(i, point) {
point.graphic.attr({
fill: '#FF00FF'
});
});
series.redraw();
Source: stackoverflow.com
Related Query
- Highcharts : Change spline chart color dynamically
- Pie chart Slice color Change Dynamically in Highcharts
- Highcharts dynamically change bar color based on value
- HighCharts Dynamically Change Chart Type
- Change color of area chart programmatically in highcharts
- Highcharts --- Change sliced color on drilldown pie chart
- HighCharts - Dynamically Change Axis Title Color
- Change line color in area-spline chart in Highcharts
- How to change color of bar in column chart with different level of percentage in highcharts
- change datalabels color in a HighCharts chart when hovering without updating the series
- highcharts change series color when data is dynamically inserted
- How to change the line color of a bubble in highcharts dynamically
- Highcharts - Dynamically change chart type with on radio buttons click
- Highcharts - Pie Chart change slice colors dynamically
- HighCharts change zoom selectionMarkerFill color dynamically
- Highcharts - change color while hovering over a slice in pie chart
- change particular line chart series colour dynamically in highcharts
- Highcharts - Column Chart Drilldown, how to change the drilldown bar color based on some value
- Change color of selected point in HighCharts dynamically
- How to dynamically change line color based on value being lower than previous in highcharts
- Highcharts - Add Point to chart with different color based on some condition dynamically
- HighCharts - Spline Chart Legend Color
- Highcharts - change pie slice color on existing chart
- programatically change the color of a highcharts spline series?
- Highcharts (9.0.1): drilldown problem after change chart type dynamically
- Highcharts PIE chart series color doesn't change
- Change graph color above and below plot-line in Column chart in Highcharts
- Can not access Highcharts chart from container, so I can't change data in a chart dynamically
- Programmatically change a chart title in highcharts
- Highcharts : Change opacity of a column chart
More Query from same tag
- How do I remove the empty space beneath a solid gauge?
- highcharts clickable labels how to goto anchor
- Highcharts: Change hover style in line chart when hovering over legend
- highcharts and different yAxis for different categories
- Highchart connector custom style
- The HighCharts CSV export module went missing
- ExtJs Combobox with svg picture (highart) as value
- How add series dynamically in Highcharts without button? (ANGULAR JS)
- HighChart- Plot Stacked Bar Chart on Status for Every Minute
- How to add another series into my highchart
- Highchart js bar graph label left alignment
- DotNet.Highcharts Error when using StackLabels
- Highstock/Chart created from html table fails if null value in first table row
- rangeSelector selected not working when chart is created in Jquery
- Highcharts: dynamic update stacked area with extra custom data
- Highstock: Property 'firePointEvent' of object #<Object> is not a function
- How to make hover effect for two bar in highcharts at the same time is there any way by using css or any inbuilt method to achieve this?
- How do we show loading via highcharts-react-official package
- Highcharts column drilldown colors exhausted after 9 columns?
- Section wise labeling in highchart
- Highcharts.stockChart is not a function
- highcart.js pointInterval for 15 days datetime x-axis
- How could i put a highcharts funnel to rotate 90deg
- Highchart stacked column tooltip issue
- To move 3d chart Highcharts via mobile?
- how to create a column char with highcharts where each column has a different color
- Highcharts - on zoom start Y axis from 0
- Make bar graph using highcharts from entries in the database
- Adding new data to highchart tooltip
- Getting cursor position and relevant data from Highmaps