plotly在JS中画图时反转X轴坐标

reverse X axis

将上图转化为下图的方式:

  1. X轴数据反转
  2. layout增加autorange:'reversed'属性

如果只做1,画图时X轴会自动从小到大排列;如果只做2,数据是反向的。 

详细介绍:https://plot.ly/javascript/

<script type="text/javascript">
var data=[{x:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],y:[2.20062e+06,2.19431e+06,2.17626e+06,2.1751e+06,2.17774e+06,2.14122e+06,2.13958e+06,2.1895e+06,2.1622e+06,2.17884e+06,2.18211e+06,2.14522e+06,2.16187e+06,2.20341e+06,2.14001e+06,2.18072e+06,2.18637e+06,2.19261e+06,2.17168e+06,2.20367e+06,2.18312e+06,2.18186e+06,2.18688e+06,2.17765e+06,2.18011e+06,2.16529e+06,2.14471e+06,2.16855e+06,2.16601e+06,2.1635e+06,2.16881e+06,2.19644e+06,2.15156e+06,2.20987e+06,2.18737e+06,2.13784e+06,2.12811e+06,2.17045e+06,2.16323e+06,2.18495e+06,2.17972e+06,2.1605e+06,2.0841e+06,2.24242e+06,2.07666e+06],name: 'A(not compute%)',mode:'lines',line:{color:'rgba(128,128,0,1.0)', width:1}
},{x:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],y:[1.71768e+06,1.75593e+06,1.74184e+06,1.7168e+06,1.73597e+06,1.69948e+06,1.72848e+06,1.72187e+06,1.72719e+06,1.70904e+06,1.72436e+06,1.74304e+06,1.72559e+06,1.73873e+06,1.77126e+06,1.71163e+06,1.7104e+06,1.70222e+06,1.72524e+06,1.70008e+06,1.73762e+06,1.72422e+06,1.7622e+06,1.76622e+06,1.79434e+06,1.7185e+06,1.74063e+06,1.73153e+06,1.70489e+06,1.71856e+06,1.74928e+06,1.72809e+06,1.75708e+06,1.76115e+06,1.75045e+06,1.7546e+06,1.74837e+06,1.74653e+06,1.75312e+06,1.75671e+06,1.74189
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值