Menu
How do I format the y-axis as percent in plot.ly?. in var layout I have the following settings for the y-axis:
yaxis: { hoverformat: ",.0%" }, which changes the hover to percentages but the values printed on the y-axis still go from 0-1 instead of 0-100.
Any help is much appreciated.
962
MatPlotLib with PythonCreate a list of numbers as y. Create a number of bins. Plot a histogram using hist() method, where y, bins, and edgecolor are passed in the argument. Store the patches to set the percentage on Y-axis.
Since we need to add percentages in the labels of the Y-axis, the keyword “labels” is used. Now use scales: : percent to convert the y-axis labels into a percentage. This will scale the y-axis data from decimal to percentage. It simply multiplies the value by 100.
Reversed Axes You can tell plotly's automatic axis range calculation logic to reverse the direction of an axis by setting the autorange axis property to "reversed" . Here is an example of reversing the direction of the y axes for a faceted scatter plot created using Plotly Express.
In order to change the format of the y-axis you need to set tickformat, not 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;">If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
