[英]Highcharts showing points on hovering over the line which are outside the chart area when the chart is zoomed in
我最近开始研究图表,对于我的项目,我需要以下原型图,可以在其中放大或缩小。 我只想在用户将鼠标指针精确移动到点上时在工具提示中显示y轴值。 但是在高图中,如果我将鼠标悬停在该行上,它会在工具提示中显示最近点的y轴值。 我的问题是,当我放大查看一组特定的点时,如果将鼠标悬停在直线上,它将显示图表区域之外的点的y轴值。
http://jsfiddle.net/ssaptarshii/hkn8c27n/
$(function () {
$('#container').highcharts({
chart:{
zoomType: 'xy'
},
title: {
text: 'Monthly Average Temperature',
x: -20 //center
},
subtitle: {
text: 'Source: WorldClimate.com',
x: -20
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'Temperature (°C)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: '°C'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}]
});
});
在上面的链接中,如果我放大以使6月和9月之间的图形的一部分位于图表区域之外(上方),然后将鼠标悬停在6月和7月之间的线段上,则y轴值(显示为通过工具提示)可以看到x轴值( 七月 ),该值已超出图形屏幕。 7月的y轴值显示在图形标题附近。
我不希望在工具提示上显示所有此类y轴值(如果将其放大)在图表区域之外,并且我想禁用该功能以将鼠标悬停在该线上来显示点。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.