I am looking to dynamically change the border width and color of only one column in a basic column chart. Here is an example:
var chartingOptions = {
chart: {
renderTo: 'container',
type: 'column'
},
xAxis: {
categories: ['5:1', '4:1', '3:1', '2:1', '1:1', '1:2', '1:3', '1:4', '1:5']
},
plotOptions: {
column: {
grouping: false
}
},
series: [
{
name: 'Serie 2',
data: [20, 24, 30, 40, 60, 80, 90, 96, 100]},
{
name: 'Serie 1',
data: [100, 96, 90, 80, 60, 40, 30, 24, 20]}
]
};
var chart = new Highcharts.Chart(chartingOptions);
I attempted to modify it directly for the first series by using:
chart.series[0].data[2].series.borderColor = 'black'
However, the series did not update. Any suggestions would be appreciated!