HighCharts动态更改缩放选择MarkerFill颜色

HighCharts change zoom selectionMarkerFill color dynamically

本文关键字：选择 MarkerFill 颜色 缩放 动态 HighCharts      更新时间：2023-09-26

大家好。我有一个问题：我可以动态地将缩放选择框的颜色（selectionMarkerFill:rgba（691114167,0.25）-属性的默认值）更改为任意颜色吗。我在页面上得到了一个附加了Jquery UI可调整大小的元素。所以当我调整元素的大小时，HighChart开始绘制一个缩放的蓝色矩形。所以我只想让选择框的颜色在Resizable插件的"开始"事件上转换，并在"停止"事件上重新打开。或者可以通过这种方式禁用"zoomtype"属性。不管怎样，我只想知道是否有可能随时更改属性。谢谢

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

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

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

相关文章：