Javascript Highcharts条形图工具提示HTML定位
我目前正在使用highcharts,我有一个条形图上的工具提示,它被Javascript Highcharts条形图工具提示HTML定位,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我目前正在使用highcharts,我有一个条形图上的工具提示,它被溢出:隐藏设置切断,这很好,我理解我需要该设置,但是工具提示的位置不太智能,是否有方法相对于列的宽度定位工具提示,例如,如果工具提示将导致滚动条,我可以减小偏移量吗?我没有代码示例,但我附上了我的问题的图像 在工具提示中使用工具提示定位器功能。根据您的显示要求调整tooltipX和tooltipY: positioner: function(labelWidth, labelHeight, point) {
溢出:隐藏设置切断,这很好,我理解我需要该设置,但是工具提示的位置不太智能,是否有方法相对于列的宽度定位工具提示,例如,如果工具提示将导致滚动条,我可以减小偏移量吗?我没有代码示例,但我附上了我的问题的图像
在工具提示中使用工具提示定位器功能。根据您的显示要求调整tooltipX和tooltipY:
positioner: function(labelWidth, labelHeight, point) {
var tooltipX, tooltipY;
if (point.plotX + labelWidth > this.chart.plotWidth) {
tooltipX = point.plotX + this.chart.plotLeft - labelWidth - 40;
} else {
tooltipX = point.plotX + this.chart.plotLeft + 40;
}
tooltipY = point.plotY + this.chart.plotTop - 20;
return {
x: tooltipX,
y: tooltipY
};
}
在工具提示中使用工具提示定位器功能。根据您的显示要求调整tooltipX和tooltipY:
positioner: function(labelWidth, labelHeight, point) {
var tooltipX, tooltipY;
if (point.plotX + labelWidth > this.chart.plotWidth) {
tooltipX = point.plotX + this.chart.plotLeft - labelWidth - 40;
} else {
tooltipX = point.plotX + this.chart.plotLeft + 40;
}
tooltipY = point.plotY + this.chart.plotTop - 20;
return {
x: tooltipX,
y: tooltipY
};
}
通过向定位器
属性提供功能,可以根据需要移动工具提示:通过向定位器
属性提供功能,可以根据需要移动工具提示: