在拖动图表时,如果我将鼠标悬停在工具提示上,高图表标签就会被选中。

问题描述 投票:0回答:1

我有一个高位图,我想把它向左或向右拖动。我也有一个工具提示在图表的蜡烛列。我通过左键点击鼠标拖动图表,并将其拖动。但是,如果在拖动时,我的鼠标移动到工具提示上方,不仅是工具提示,所有其他的X和Y标签都会被选中。

下面是一些简单的例子。

var chart = Highcharts.stockChart('container', {

  plotOptions: {
    series: {
      boostThreshold: 1
    },
  },

  series: [{
    type: 'column',
    data: [
    	[Date.UTC(2018, 0, 1), 10],
    	[Date.UTC(2018, 0, 2), 10],
    	[Date.UTC(2018, 0, 3), 10],
    	[Date.UTC(2018, 0, 17), 10]
    ]
  }]
});
#app-wrapper {
  padding: 10px;
}
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/boost.js"></script>
<div id="app-wrapper">
  <div id="container" style="height: 600px; min-width: 310px"></div>
</div>

为了更好地理解我的问题,下面是一个例子 视频 有什么办法可以防止这种标签的选择发生?

javascript highcharts
1个回答
0
投票

你有没有考虑使用 panning 功能?它可以防止在你的情况下可见的行为。在下面的API链接下用更大的数据测试演示。

API: https:/api.highcharts.comhighstockchart.panning。

EDIT!

是的,你说得对,我也注意到了这种行为。这似乎是一个倒退。我在Highcharts GitHub问题频道上报告了它,你可以关注这个帖子。

https:/github.comhighchartshighchartsissues13566。

这是在上一个版本发布后发生的--在上一个版本中一切正常。https:/jsfiddle.netBlackLabeld69r1zok。所以作为临时的变通方法,你可以使用以前版本的Highstock。

<script src="https://code.highcharts.com/stock/8.0.4/highstock.js"></script>
© www.soinside.com 2019 - 2024. All rights reserved.