gpt4 book ai didi

javascript - Highcharts 列工具提示 - 始终位于顶部 + 适合容器

转载 作者:行者123 更新时间:2023-12-01 01:43:51 25 4
gpt4 key购买 nike

我有一个带有工具提示的 Highcharts 。这就是我每次想要渲染工具提示的方式。

good case

当tootlip不适合svg容器时,highcharts会像这样交换工具提示的位置。

bad case

我知道如何解决这个问题,但是当我这样做时。

positioner: function(boxWidth, boxHeight, point) {
return {
x: point.plotX,
y: point.plotY - boxHeight
};
},

工具提示正确地始终位于顶部,但溢出到右侧 (image_1)。我希望工具提示始终位于顶部+从侧面适合容器。 (image_2)

enter image description here

enter image description here

有什么简单的方法可以实现这一点吗?

谢谢(http://jsfiddle.net/4xomw3aj/)

最佳答案

好吧,我刚刚发现如何“不交换”。在 Tooltip.getPosition() 中

firstDimension = function (dim, outerSize, innerSize, point) {
ret[dim] = point - distance - innerSize;
},

关于javascript - Highcharts 列工具提示 - 始终位于顶部 + 适合容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31584347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com