Question

我有一个演示here

我有一个带有鼠标悬停的堆叠式面积图，显示了带有该图区域的数据的工具提示。

我希望工具提示位于鼠标悬停区域上方的中心（突出显示的矩形）。

要居中，我需要工具提示的宽度。

我正在尝试使用

 .on('mouseover', function(d, i){
    const tooltip = d3.select('.chart-tooltip').node();
    const tooltipWidth = tooltip.getBoundingClientRect();
    console.log(tooltipWidth)

但是console.log返回0

我认为这是因为未显示工具提示。

是否可以获得工具提示的宽度。

Answer 1

设置div的struct SceneView: UIViewRepresentable { let scene: SKScene func makeUIView(context: Context) -> SKView { // Let SwiftUI handle the sizing return SKView(frame: .zero) } func updateUIView(_ uiView: SKView, context: Context) { uiView.presentScene(scene) } }以及UIKit后，您必须使用getBoundingClientRect ：

html

以下是分叉的代码：https://stackblitz.com/edit/nh4d3u-cndykk?file=src/app/bar-chart.ts

获取元素的宽度

1 个答案: