如何在情节中设置次要刻度答案

【问题标题】：How to set minor ticks in plotly如何在情节中设置次要刻度
【发布时间】：2022-11-11 08:59:01
【问题描述】：

如何在情节中创建次要刻度？小蜱具有较短的蜱长度并且没有标记。可以指定一个频率，例如主要滴答声之间的 4 个次要滴答声吗？

【问题讨论】：

【解决方案1】：

请参阅下面的代码以获取示例。您将需要使用次要属性来设置它。长度由ticklen 控制，颜色由tickcolor 控制，刻度数由nticks 控制，位置（内部/外部）由minor_ticks 等等。更多信息请访问here。

代码

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()

【讨论】：

谢谢。你也有javascript版本吗？目前，我正在尝试翻译它。

【解决方案2】：

所以这里是次要刻度的 javascript 版本：

    var data = {
      x: [1, 2, 3, 4, 5],
      y: [3, 4, 1, 6, 3],
      type: 'scatter'
    };
    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。

请注意，从 v2 开始，“最新的”输出（例如 https://cdn.plot.ly/plotly-latest.min.js) 将不再更新 CDN，并将停留在最后一个 v1 补丁 v1.58.5。因此，要使用具有 plotly.js v2 及更高版本的 CDN，您必须指定一个确切的 plotly.js 版本。

https://github.com/plotly/plotly.js#un-minified-versions-are-also-available-on-cdn

【讨论】：