Javascript HighCharts：为一列动态设置特定边框宽度和边框颜色

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

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

在这里

我试着直接通过网络把它改成意甲第一名

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

---

但它并没有更新意甲。什么都行

chart.series[0]。数据[2]。series.borderColor='black'

将不起任何作用。相反，尝试

chart.series[0]。数据[2]。series.color='black'

但这也会更改工具提示的颜色

要显式更改一列的颜色，请按

数据：[{
名称：“点1”，
颜色：“#00FF00”，
y:0
}, {
名称：'点2'，
颜色：“#FF00FF”，
y:5
}]

欲了解更多信息，请点击此处

---

您可以参考此[fiddle]

图表。系列[0]。数据[2]。系列。边框颜色='black'

将不起任何作用。相反，尝试

chart.series[0]。数据[2]。series.color='black'

但这也会更改工具提示的颜色

要显式更改一列的颜色，请按

数据：[{
名称：“点1”，
颜色：“#00FF00”，
y:0
}, {
名称：'点2'，
颜色：“#FF00FF”，
y:5
}]

欲了解更多信息，请点击此处

---

您可以参考此[fiddle]

borderColor和borderWidth属性可用于序列对象，而不可用于数据对象。正如我提到的，您可以在上面的链接中查看相同的文档

但是，通过在highcharts.js的源代码中定义这些属性，可以强制数据对象具有borderColor和borderWidth

---

希望此信息有帮助。

borderColor和borderWidth属性可用于序列对象，而不适用于数据对象。正如我提到的，您可以在上面的链接中查看相同的文档

但是，通过在highcharts.js的源代码中定义这些属性，可以强制数据对象具有borderColor和borderWidth

---

希望这些信息能有所帮助。

您需要参考SVG元素并操作

笔划

和

笔划宽度

参数

---

示例：

您需要参考SVG元素并操作

笔划

和

笔划宽度

参数

---

示例：

谢谢，但这并不能回答我的问题。这会更改颜色，既不会更改边框宽度，也不会更改边框颜色。我把我的问题说得更清楚了。谢谢，但这并不能回答我的问题。这会更改颜色，既不会更改边框宽度，也不会更改边框颜色。我让我的问题更加明确。不要重复答案，因为你可以编辑一个答案并添加任何细节。不要重复答案，因为你可以编辑一个答案并添加任何细节。这正是我需要的。我也尝试了borderWidth，但它不起作用。知道为什么吗？看我的新答案，更好的方法是编辑图形元素，因为边框只能在整个系列上更新，而不是每个特定点。因此，请检查解决方法。此解决方案存在一个问题-如果将鼠标悬停在列上，边框颜色将重置。顺便说一句，我花了一段时间才意识到我需要点击“更新”按钮非常感谢。这正是我需要的。我也尝试了borderWidth，但它不起作用。知道为什么吗？看我的新答案，更好的方法是编辑图形元素，因为边框只能在整个系列上更新，而不是每个特定点。因此，请检查解决方法。此解决方案存在一个问题-如果将鼠标悬停在列上，边框颜色将重置。顺便说一句，我花了一段时间才意识到我需要点击“更新”按钮非常感谢。