Plotly JavaScript (JS) : 在图表中用步长 (X/Y) 定义网格线

Question

我发布这个主题是因为我想知道是否可以在图表中定义网格线。

代码很简单：

        var data = [];
        var layout = {
            xaxis: {
                range: [0, 5],
                ticks: 'outside',
                dtick: 0.1,
                gridcolor: 'rgb(152,152,152)',
            }, 
            yaxis: {
                range: [0, 25], 
                ticks: 'outside', 
                dtick: 1,
                gridcolor: 'rgb(152,152,152)',
            },
        };
        Plotly.newPlot('myDiv', data, layout);

此代码显示以下示例：

尽管如此，我想展示的是：

图表中保留了网格线，但并未显示所有刻度值

我还没有找到不使用刻度线来显示网格线的解决方案，但也许还有其他解决方案。

感谢您的帮助

致以诚挚的问候

Answer 1

我知道的唯一方法是用空的ticktext设置tickvals：

        tickvals = [0.1, 0.2, 0.3, 0.4, 0.5],
        ticktext = ['0.1','','0.3','','0.5']