web-dev-qa-db-fra.com

Mettre en forme l'axe des y en pourcentage dans plot.ly

Comment puis-je formater l'axe des y en pourcentage dans plot.ly?. dans var layout J'ai les paramètres suivants pour l'axe y:

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

ce qui change le survol en pourcentages mais les valeurs imprimées sur l'axe y vont toujours de 0-1 au lieu de 0-100.

Toute aide est très appréciée.

javascriptplotly
13
Wessi

Pour changer le format de l'axe des y, vous devez définir tickformat , pas 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

Pour les autres: si vous utilisez Plotly Express ou des boutons de manchette avec Plotly, vous pouvez renvoyer l'objet figure et ajuster le yaxis.tickformat avec les éléments suivants:

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

Comme indiqué par @shrmn dans les commentaires, substituez un nombre différent à zéro et ce nombre de décimales sera affiché.

1
jeffhale