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图表的选项会有所不同。
试试看,让我知道这是否适合你。如果这个问题不能让你达到目标,我可以进一步研究你在寻找什么。