web-dev-qa-db-ja.com

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

Plot.lyでy軸をパーセントとしてフォーマットするにはどうすればよいですか。 var layout次のy軸の設定があります。

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

これは、ホバーをパーセンテージに変更しますが、y軸に出力される値は0-100ではなく0-1のままです。

どんな助けでも大歓迎です。

javascriptplotly
13
Wessi

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;">
18
Maximilian Peters

その他の場合：Plotly ExpressまたはClotlinksをPlotlyで使用している場合、Figureオブジェクトを返し、以下のようにyaxis.tickformatを調整できます。

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

コメントの@shrmnで指摘されているように、ゼロを別の数値に置き換えると、その小数点以下の桁数が表示されます。

1
jeffhale