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元素并操纵stroke和stroke-width参与者.

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