将 y 轴格式化为 plot.ly 中的百分比

Question

如何在 plot.ly 中将 y 轴格式化为百分比？ 在var layout我对 y 轴进行了以下设置：

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

这将悬停更改为百分比，但 y 轴上打印的值仍然从 0-1 而不是 0-100。

任何帮助深表感谢。

Answer 1

为了更改 y 轴的格式，您需要设置tickformat ，而不是hoverformat 。

 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;">

Answer 2

对于其他人：如果您将 Plotly Express 或 Cufflinks 与 Plotly 一起使用，您可以返回图形对象并使用以下内容调整yaxis.tickformat ：

`my_fig.layout.yaxis.tickformat = ',.0%'`    

正如@shrmn 在评论中指出的那样，用不同的数字替换零，然后将显示小数位数。