gpt4 book ai didi

javascript - 是否可以自定义拆分工具提示位置?

转载 作者:行者123 更新时间:2023-12-03 05:21:59 31 4
gpt4 key购买 nike

预期

共享系列具有独立的位置工具提示

尝试过

根据 Highcharts 文档,我知道 Highcharts.tooltip.positioner 可以对工具提示进行一些自定义,但是当我四处搜索时,它们都是未拆分的 工具提示。并且在分割情况下失败了,那么是否有可能自定义分割工具提示位置?

http://jsfiddle.net/TabGre/fyxqsq4L/

UPD:

每个点的工具提示都位于其上方,就像定位器:

positioner: function () {
return {
x: this.plotX;
y: this.plotY + 100;
}
}

最佳答案

正如我在评论中提到的,当前定位器回调不会影响拆分工具提示。但是,可以覆盖负责渲染分割工具提示的函数。需要自己计算位置。

如果您希望分割工具提示位于左上角,如 fiddle 中所示您需要使用每个框所需的位置覆盖 Highcharts.Tooltip.prototype.renderSplit = function(labels,points)

  var yPos = 0;

each(boxes, function(box, i) {
var point = box.point,
series = point.series;

// Put the label in place
box.tt.attr({
// visibility: box.pos === undefined ? 'hidden' : 'inherit',
x: (rightAligned || point.isHeader ?
//box.x :
0 :
point.plotX + chart.plotLeft + pick(options.distance, 16)),
// y: box.pos + chart.plotTop,
y: yPos,
anchorX: point.isHeader ?
point.plotX + chart.plotLeft : point.plotX + series.xAxis.pos,
anchorY: point.isHeader ?
box.pos + chart.plotTop - 15 : point.plotY + series.yAxis.pos
});
yPos += box.size;
});

示例:http://jsfiddle.net/tbguemvL/

关于javascript - 是否可以自定义拆分工具提示位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41340667/

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