javascript - HighCharts:动态设置一列的特定边框宽度和边框颜色

Question

我想动态更改基本柱形图中仅一列的边框宽度和边框颜色，如下所示:

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);

JSFIDDLE在这里。

我尝试直接通过第一个系列更改它

chart.series[0].data[2].series.borderColor = 'black'

但它不会更新该系列。任何事情都有帮助!

Answer 1

您需要引用 SVG 元素并操作 行程 和 行程宽度 参数。

示例:http://jsfiddle.net/usLuzrwn/3/