HighCharts动态更改缩放选择标记填充颜色

时间:2013-08-06 09:36:41

标签: javascript jquery charts highcharts

大家好日子。我有一个问题:我可以动态更改缩放选择框颜色(selectionMarkerFill:rgba(69,114,167,0.25) - 属性的默认值)。我在页面上有一个元素,其中附加了Jquery UI resizable。所以当我调整元素大小时,HighChart开始绘制一个缩放蓝色矩形。所以我只想让选择框的颜色在Resizable插件的“start”事件中变换,并在“stop”事件中重新打开它。或者只是禁用“zoomtype”属性。无论如何,我只想知道是否可以动态改变属性。谢谢!

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

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