Javascript dimple.js散点图复制轴标签

Javascript dimple.js散点图复制轴标签,javascript,d3.js,data-visualization,dimple.js,Javascript,D3.js,Data Visualization,Dimple.js,使用dimple.js,我用下面的代码绘制散点图。这很好,但当我将鼠标悬停在任何点上时,x和y值显示两次,一次显示为十进制,另一次显示为百分比。如何在悬停弹出窗口中简单地保留百分比x,y值?另外,是否有办法在悬停弹出窗口中显示其他项目? 以下是问题的始作俑者: 根据此处的文件: 可以按如下方式更改默认工具提示: s1.getTooltipText = function (e) { return [ "This is a custom tooltip!",

使用dimple.js,我用下面的代码绘制散点图。这很好,但当我将鼠标悬停在任何点上时,x和y值显示两次,一次显示为十进制,另一次显示为百分比。如何在悬停弹出窗口中简单地保留百分比x,y值?另外,是否有办法在悬停弹出窗口中显示其他项目?
以下是问题的始作俑者:

根据此处的文件:

可以按如下方式更改默认工具提示:

s1.getTooltipText = function (e) {
    return [
        "This is a custom tooltip!",
        "X value: %" + (e.aggField[0]*100).toFixed(2), 
        "Y value: %" + (e.aggField[1]*100).toFixed(2),
        "Group: " + e.aggField[2]
    ];
};
在此处查看您更新的小提琴:


另外,请不要忘记那些分号!:)

这可能只是因为它通常会显示值,以及该值的百分比。但是,由于您提供的值已经是百分比,因此它只显示相同的数据两次,除非您使用提供的代码对其进行自定义。
s1.getTooltipText = function (e) {
    return [
        "This is a custom tooltip!",
        "X value: %" + (e.aggField[0]*100).toFixed(2), 
        "Y value: %" + (e.aggField[1]*100).toFixed(2),
        "Group: " + e.aggField[2]
    ];
};