JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 将y轴设置为plot.ly中的百分比大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在plot.ly中将y轴格式化为百分比?在var布局中,我对y轴有以下设置:
yaxis: {
            hoverformat: ",.0%"
          },

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

任何帮助深表感谢.

解决方法

要更改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,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;">

大佬总结

以上是大佬教程为你收集整理的javascript – 将y轴设置为plot.ly中的百分比全部内容,希望文章能够帮你解决javascript – 将y轴设置为plot.ly中的百分比所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: