Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts条形图工具提示HTML定位_Javascript_Jquery_Html_Css_Highcharts - Fatal编程技术网

Javascript Highcharts条形图工具提示HTML定位

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

我目前正在使用highcharts,我有一个条形图上的工具提示,它被
溢出:隐藏设置切断,这很好,我理解我需要该设置,但是工具提示的位置不太智能,是否有方法相对于列的宽度定位工具提示,例如,如果工具提示将导致滚动条,我可以减小偏移量吗?我没有代码示例,但我附上了我的问题的图像


在工具提示中使用工具提示定位器功能。根据您的显示要求调整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
                            };       
                    }

通过向
定位器
属性提供功能,可以根据需要移动工具提示:通过向
定位器
属性提供功能,可以根据需要移动工具提示: