如何在plotly中设置小刻度

问题描述 投票:0回答:2

如何在绘图中创建小刻度? 小刻度线的刻度线长度较短且未标记。 可以指定一个频率,例如主要刻度之间有 4 个较小的刻度吗?

javascript plotly
2个回答
1
投票

请参阅下面的代码示例。您将需要使用次要属性来设置它。长度由

ticklen
控制,颜色由
tickcolor
控制,刻度数由
nticks
控制,位置(内部/外部)由
minor_ticks
控制,依此类推。更多信息请访问此处

代码

import plotly.express as px
import pandas as pd

df = px.data.tips()
fig = px.scatter(df, x="total_bill", y="tip", color="sex")
fig.update_xaxes(minor=dict(ticklen=6, tickcolor="black", tickmode='auto', nticks=10, showgrid=True))
fig.update_yaxes(minor_ticks="inside")
fig.show()


1
投票

所以这是小刻度的 javascript 版本:

var data = {
  x: [1, 2, 3, 4, 5],
  y: [3, 4, 1, 6, 3],
};
var layout = {
  yaxis: {
    ticks: 'inside',
    ticklen: 10,
    tickcolor: 'black',
    minor: {
      ticks: 'inside',
      ticklen: 6,
      tickcolor: 'black'
    }
  }
};
Plotly.newPlot('myDiv', [data], layout);
<script src='https://cdn.plot.ly/plotly-2.14.0.min.js'></script>
<div id='myDiv'></div>

看起来

minor_ticks='inside'
可以在python中工作,但不能在js中工作。在js中应该是
minor: {ticks: 'inside'}

PS:我刚刚发现它适用于 https://cdn.plot.ly/plotly-2.14.0.min.js,但不适用于 https://cdn.plot.ly/plotly-latest.min.js(v1.58.5)。

© www.soinside.com 2019 - 2024. All rights reserved.