javascript - HighCharts 动态改变缩放 selectionMarkerFill 颜色

Question

今天是个好日子。我有一个问题：我可以将缩放选择框颜色（selectionMarkerFill: rgba(69,114,167,0.25) - 属性的默认值）动态更改为任何颜色。我在页面上获得了一个带有可调整大小的 Jquery UI 的元素。所以当我调整元素的大小时，HighChart 开始绘制一个缩放蓝色矩形。所以我只想让选择框的颜色在 Resizable 插件的“开始”事件上透明，并在“停止”事件上重新打开。或者也许只是以这种方式禁用“zoomtype”属性。无论如何，我只想知道是否可以动态更改属性。谢谢！

Answer 1

不幸的是它不可用，您需要销毁并创建新图表或准备您的自定义选择功能，基于点击。

Answer 2

您可以使用 CSS 即时更改样式。动态添加或删除一个类到父元素，然后：

.your-dynamic-class .highcharts-selection-marker {
  fill: red!important;
  opacity: 0.8;
}