我有一个高位图,我想把它向左或向右拖动。我也有一个工具提示在图表的蜡烛列。我通过左键点击鼠标拖动图表,并将其拖动。但是,如果在拖动时,我的鼠标移动到工具提示上方,不仅是工具提示,所有其他的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>
为了更好地理解我的问题,下面是一个例子 视频 有什么办法可以防止这种标签的选择发生?
你有没有考虑使用 panning
功能?它可以防止在你的情况下可见的行为。在下面的API链接下用更大的数据测试演示。
API: https:/api.highcharts.comhighstockchart.panning。
是的,你说得对,我也注意到了这种行为。这似乎是一个倒退。我在Highcharts GitHub问题频道上报告了它,你可以关注这个帖子。
https:/github.comhighchartshighchartsissues13566。
这是在上一个版本发布后发生的--在上一个版本中一切正常。https:/jsfiddle.netBlackLabeld69r1zok。所以作为临时的变通方法,你可以使用以前版本的Highstock。
<script src="https://code.highcharts.com/stock/8.0.4/highstock.js"></script>