自定义悬停文本，单数/复数（plotly.js）

Question

我正在构建散点图。

我的X轴代表日期，Y轴代表给定的答案数。

当鼠标悬停时，我想显示：

• 1回应 OR
• N回复

我想这与自定义悬停有关，但无法看到如何使用跟踪或Y轴的hoverinfo属性。

Answer 1

您需要在跟踪中使用#include <System.SysUtils.hpp> #include <System.Character.hpp> String __fastcall RemoveCharsFromString(String &str, const String &c) { int i = 1; while (i <= c.Length()) { String chr; if (IsSurrogatePair(c, i)) chr = c.SubString(i, 2); else chr = c.SubString(i, 1); str = StringReplace(str, chr, L"", TReplaceFlags() << rfReplaceAll); i += chr.Length(); } } 属性。

https://jsfiddle.net/abalter/n54k9zzj/

text

Answer 2

如果要添加自定义文本，请尝试以下操作：

var myText = "Namaste" ;

var trace = {
    x: [1,2,3],
    y: [4,5,6],
    z: [7,8,9],
    text: ["A","B","C"],
    hovertemplate: ' x: %{x}<br> y: %{y}<br> z: %{z}<br> Placement:%{text}<br> myText: ' + myText,
    mode: 'markers' ,
    type: 'scatter3d' ,
    marker: {
        size:3,
        color: 'rgb(112, 32, 130)'
    }
};

注意：属性“ text”，“ hovertemplate”在添加您自己的自定义文本中起着重要作用。