Missing X ticks for time series plot with gaps between data

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

See codesandbox example. Even trying the nebulous attributes tickInterval and tickCount you can’t get x axis tick marks to show up during the time of missing data. Huge gaps on the axis and it looks wrong and users would still like to interpolate data between collected data points, and need a timestamp (ie x axis tick).

What is expected?

Equally spaced tick marks between the first and last.

What is actually happening?

No tick marks when there are no data points

Environment	Info
Recharts	v1.8.5
React	16.8.6
System	Ubuntu 18.04
Browser	chrome

---

IF and ONLY IF you set domain={[‘dataMin’, ‘dataMax’]}, which you have to with a timeseries. If plot a non-time series you get the same issue but playing with tickInterval and tickCount you can get something OK, but that’s not useful in a reusable component.

const data = [
  { x: 5, y: 10 },
  { x: 8, y: 8 },
  { x: 10, y: 5 },
  { x: 12, y: 7 },
  { x: 15, y: 15 },
  { x: 40, y: 10 }
];
const SampleChart = props => {
  return (
    <LineChart width={500} height={400} data={data}>
      <XAxis
        dataKey="x"
        type="number"
        // tickInterval={0} tickCount={10}
        domain={["dataMin", "dataMax"]}
      />
      <YAxis />
      <Line dataKey="y" type="monotoneX" stroke="red" />
    </LineChart>
  );
};

Tried it with latest v2 beta and same issue.

[vtarelkin]

@ashin-krj @shibjo @ferrao @fstephany

the workaround here is to explicitly set ticks property like ticks={[195, 255,315,375,425]} but I want to calculate it automatically, not manually

[shibjo]

Hi All, Did anyone found any workaround for this problem? I am also facing the same issue. The ticks render correctly if the domain is set to [‘auto’,‘auto’], otherwise not.