Question

http://jsfiddle.net/5ojcppsc/

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

我无法在select上更改3D列的borderColor。有没有办法实现这个目标？另外我想在select上更改borderWidth。

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

Answer 1

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

Highcharts: Stacked Column increase borderWidth on select state

我没有看到3D图表选项不同的原因。

尝试一下，让我知道这是否适合你。如果这个问题没有找到你需要的地方，我可以努力进一步研究你所寻求的东西。

Answer 2

您可以捕获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：3D柱形图在选择时更改borderColor

2 个答案: