How to show all x-axis tick values in Plotly?

Question

I am using this library

to plot graphs in node.js. I have this code:

var data = [
  {
    x: xs,
    y: ys,
    type: "scatter"
  }
];

var graphOptions = {filename: "date-axes", fileopt: "overwrite"};
plotly.plot(data, graphOptions, function (err, msg) {
    console.log(msg);
    console.log("DONE!");
});

to plot a graph with 5000 x-axis points. The problem is that in the rendered image, it x-axis values are not continuously increment by for each value I put. There is a rather large step, for example, if the x-axis labels are

['item1', 'item2', ..., 'item5000']

then it outputs with labels

['item1', 'item10', ..., 'item5000']

All the yaxis points are there, but I just want to see all x-axis labels.

Does anyone know what setting enables this? I assume that they did this by default so the text labels don't overlap each other, but in my case I want to see them all.

Thanks

fig.update_xaxes(tickangle=-45, showticklabels = True, type = 'category') — Deepak, Feb 28 '20 at 08:45

score 43 · Answer 1 · edited Jul 28 '20 at 17:57

43

I am using Python, though I have encountered the same problem. When you are specifying the layout of your chart, you need to set tickmode='linear', at least it worked for me!

import plotly 
import plotly.plotly as py
import plotly.graph_objs as go

layout = go.Layout(
    title='some title',
    xaxis=dict(
        title='Xaxis Name',
        tickmode='linear')

edited Jul 28 '20 at 17:57

phoenix

7,988
6
39
45

answered Jun 27 '18 at 10:03

Finrod Felagund

1,231
2
14
18

5

In python, this also works : `fig.update_xaxes(tickmode='linear')` – rahul-ahuja Jun 13 '22 at 06:15
Works also in R – Pawels Jul 18 '23 at 07:31

score 11 · Answer 2 · answered Jan 13 '16 at 01:29

11

Use layout.xaxis.dtick

Example here: https://plot.ly/nodejs/axes/

answered Jan 13 '16 at 01:29

etpinard

4,756
1
20
26

4

Thats the right answer. Just setting `dtick:1`, showed all tick labels. – Haris ur Rehman May 27 '19 at 21:34
`dtick=1` in Python Plotly did not work for me. In fact, it removed all but one x axis tick from my graph in Aug 2022. – devdanke Jul 30 '22 at 16:27
@devdanke odd, dtick=1 worked for me in Python. – Tom Johnson Apr 05 '23 at 20:09

score 7 · Answer 3 · answered Aug 01 '18 at 09:47

I run into the same problem and I managed to solve it: the trick is to define your values on xaxis as "categorical". This is what my code looked like:

var layout = {
        xaxis: {
            tickangle: 35,
            showticklabels: true,
            type: 'category',
        }
    };
    Plotly.newPlot(divname, data, layout);

How to show all x-axis tick values in Plotly?

3 Answers3

Linked

Related