自定义悬停文本,单数/复数(plotly.js)

时间:2016-04-14 10:41:33

标签: plotly

我正在构建散点图。

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

当鼠标悬停时,我想显示:

  • 1回应 OR
  • N回复

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

2 个答案:

答案 0 :(得分:2)

您需要在跟踪中使用#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

答案 1 :(得分:1)

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

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”在添加您自己的自定义文本中起着重要作用。