拖动鼠标以在高图中选择时删除蓝色选择

Question

我想删除图表上显示的蓝色区域，同时使用鼠标单击并拖动并选择特定区域。我不希望选择时出现蓝色框的选择区域。 please see to this image to find the blue selection area that I am asking

Answer 1

我在这里看到两件事。我打赌你在谈论缩放。如果您可以发布JSFiddle或至少是您的图表配置，那就太棒了。

1. 如果您想隐藏缩放矩形，但缩放仍然有效。 Highcharts允许您为selectionMarkerFill选择颜色。你必须输入rgba函数。每种颜色需要0 - 255，最后一个参数是不透明度。 0是透明的，1是没有不透明度。查看文档here

   chart: {
     type: 'scatter',
     zoomType: 'xy',
     selectionMarkerFill: 'rgba(255, 255, 255, 0)'
   },
   

您可以在JSFiddle

中查看示例
1. 你想完全禁用变焦。只需删除zoomType: 'xy'即可停用所有选择事件。

Answer 2

您可以使用类似于this的方法来阻止显示选择。

基本上通过CSS为你的图表区域：

body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}