Plot.ly：単純な接頭辞または接尾辞のホバーテキスト

Question

私はドキュメントを読んでみましたが、ホバーテキストに接尾辞を追加する簡単な方法が見つかりませんでした。 hoverformatにテキストを追加する方法はありますか？たとえば、y respondentsです。ここで、yはyの値です。

設定yaxis: {hoverformat: ''}は文字列を許可していないようですか？ 私はFlotChartを使って作業していましたが、単純に"%y respondents"と書くことができます。

ご迷惑をおかけして申し訳ありません。

Answer 1

トレースにtextを設定すると、接尾辞を得ることができます。

各（x、y）ペアに関連付けられたテキスト要素を設定します。単一の 文字列の場合、すべてのデータポイントに同じ文字列が表示されます。文字列の配列 の場合、項目はこのトレースの（x、y） の座標に順番にマッピングされます。 hoverinfo（hoverinfo: 'text+y'）と一緒に

あなたはあなたが（手動で削除する必要があります不要な改行を除く）何をしたいものに近づきます。

---

棒グラフの場合、これは機能していないようです（少なくとも2017年1月）。データを複製し、text属性の配列に書き込む必要があります（改行の問題も解決します）。

var N = 16, 
 
    x = Plotly.d3.range(N).map(Plotly.d3.random.normal(3, 1)), 
 
    y = Plotly.d3.range(N), 
 

 
    data = [{ 
 
    x: x, 
 
    y: y, 
 
    type: 'scatter', 
 
    mode: 'markers', 
 
    text: 'respondents', 
 
    marker: { 
 
     size: 16 
 
    }, 
 
    hoverinfo: 'text+y' 
 
    }], 
 
    layout = { 
 
    hovermode: 'closest', 
 
    }; 
 

 
Plotly.plot('myDiv', data, layout); 
 

 
//here comes the bar chart 
 
var data = [{ 
 
    x: ['Jan', 'Feb', 'Mar'], 
 
    y: [20, 14, 25], 
 
    type: 'bar', 
 
    text: [], 
 
    hoverinfo: 'text' 
 
}]; 
 

 
for (N = 0; N < data[0].y.length; N += 1) { 
 
    data[0].text.push(data[0].y[N] + ' Respondents'); 
 
} 
 
Plotly.plot('myBarChart', data);

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<div id="myDiv" style="width:400px;height:400px;"></div> 
 
<div id="myBarChart" style="width:400px;height:400px;"></div>