y軸をplot.lyのパーセントでフォーマットします。

Question

y軸をplot.ly？でパーセントでフォーマットするにはどうすればよいですか。 var layoutに私は、y軸のため、以下の設定があります。

割合にホバーは変わりますが、y軸上に印刷された値は、まだ0-1の代わりに、0から100から行く

yaxis: { 
      hoverformat: ",.0%" 
      }, 

。

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

Answer 1

y軸のフォーマットを変更するには、ではなくtickformatと設定する必要があります。

var trace1 = { 
 
    x: [1, 2, 3, 4], 
 
    y: [0.10, 0.15, 0.43, 0.17], 
 
    type: 'scatter' 
 
}; 
 

 
var trace2 = { 
 
    x: [1, 2, 3, 4], 
 
    y: [0.16, 0.5, 0.11, 0.9], 
 
    type: 'scatter' 
 
}; 
 

 
var layout = { 
 
    yaxis: { 
 
    tickformat: ',.0%', 
 
    range: [0,1] 
 
    } 
 
} 
 

 
var data = [trace1, trace2]; 
 
Plotly.newPlot('myDiv', data, layout);

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