HighCharts:3D柱形图在选择时更改边框颜色

HighCharts: 3D Column Chart change borderColor on select

本文关键字：边框 颜色 选择 3D 柱形图 HighCharts      更新时间：2023-09-26

http://jsfiddle.net/5ojcppsc/

allowPointSelect: true,
borderWidth: 2,
depth: 25,
states: {
  select: {
    color: "black",
    borderColor: "red"
  }
}

选择时无法更改三维列的borderColor。有什么办法做到这一点吗？此外，我想在选择时更改borderWidth。

PS我想避免在select回调事件中使用这个.update（）。

您可以捕获select事件并直接对SVG元素进行操作。

示例：-http://jsfiddle.net/h6etesbp/

plotOptions: {
  column: {
    allowPointSelect: true,
    borderWidth: 2,
    depth: 25,
    point: {
      events: {
        select:function() {
          var p = this;
          setTimeout(function() { 
          p.graphic.attr({
            'stroke': 'red',
            'stroke-width': 2
          })
          },1);
        }
      }
    },
  }
},

几天前我发现并回答了一个类似的问题，您可能会发现它很有用：

Highcharts:选择状态时，"堆积柱"会增加borderWidth。

我看不出为什么3D图表的选项会有所不同。

试试看，让我知道这是否适合你。如果这个问题不能让你达到目标，我可以进一步研究你在寻找什么。

相关文章：