在 plot.ly 中将 y 轴格式化为百分比答案

【问题标题】：Format y-axis as percent in plot.ly在 plot.ly 中将 y 轴格式化为百分比
【发布时间】：2017-06-21 23:15:36
【问题描述】：

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

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

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

非常感谢任何帮助。

【问题讨论】：

标签： javascript plotly

【解决方案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;">

【讨论】：

如果您希望显示为“99.8%、99.9%”等，则应改为设置tickformat: '.1%'，其中1 确定小数位数。
如果我有一个与另一个轨迹共享 Y 的子图，我可以将子图格式化为百分比吗？
@Mark 没试过，但我看不出有什么理由，y轴可以独立格式化。

【解决方案2】：

对于其他人：如果您使用 Plotly Express 或带有 Plotly 的袖扣，您可以返回图形对象并使用以下内容调整 yaxis.tickformat：

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

正如 cmets 中的 @shrmn 所指出的，用不同的数字代替零，将显示小数位数。

【讨论】：