在缩放或调整大小时/之后移动HighStock克隆的工具提示,可以通过以下步骤实现:
chart.events
中的redraw
事件来监听图表重绘事件。tooltip.destroy()
方法来销毁当前的工具提示。以下是一个示例代码,演示了如何在缩放或调整大小时/之后移动HighStock克隆的工具提示:
// 创建HighStock图表对象
var chart = Highcharts.stockChart('container', {
// 配置选项和数据
// ...
});
// 监听图表重绘事件
chart.events.redraw = function() {
// 获取当前图表的工具提示对象
var tooltip = chart.tooltip;
// 保存工具提示的内容和位置
var content = tooltip.getLabel().textStr;
var position = {
x: tooltip.label.x,
y: tooltip.label.y
};
// 销毁当前的工具提示
tooltip.destroy();
// 创建新的工具提示,并设置内容和位置
chart.tooltip = new Highcharts.Tooltip(chart, {
formatter: function() {
return content;
},
positioner: function() {
return position;
}
});
};
这样,当图表发生缩放、调整大小或移动时,工具提示会被克隆并保持在原来的位置。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云