javascript - 将悬停文本添加到 plotly.js boxplot

Question

我正在创建一个箱线图，我希望在单个箱线图上显示悬停文本(类似于在绘图散点图中可以完成的操作)。在这种特定情况下，我想显示进入分布的点数，但我对一般解决方案更感兴趣。

在跟踪字典中，我尝试使用键“文本”和一个值，该值是我想要的文本列表:

for (var i = 0; i < genes.length; i++) {
    var d = distributions[i];
    var g = genes[i];

    var x = [];
    var text = [];
    for (var j = 0; j < d.length; j++) {
        x.push(g);
        text.push("N=" + d.length);
    }
    trace = {x: x, y:d, type: 'box', name: g, text:text};

    data.push(trace);
}

是否有关键字或机制允许我在用户将鼠标悬停在单个箱线图上时显示元数据？提前谢谢你。

Answer 1

将数据绑定(bind)到隐藏元素。然后让 :hover 类更改其显示和位置属性。

您可能需要稍微调整一下定位，但将其设为绝对或固定可能适合您。