Inconsistent Bar graph rendering

[Foosballfan]

Hi,

I am having an issue when trying to create a VerticalBarSeries.

This is the simplified code:

<FlexibleWidthXYPlot animation height={350} xType={'time'}>
    <VerticalBarSeries data={entry.data} xPadding={20} />
    <Borders style={{ all: { fill: '#fff' } }} />
    <YAxis right={10} />
    <XAxis tickTotal={5} />
</FlexibleWidthXYPlot> 

As you can see in the screen shots, the bars sometimes overlap and have no padding, but other times they render correctly. I can not see any pattern for this behaviour.

After reading the documentation on scale I added the xPadding attribute but it doesn't seem to take effect.

What is the problem here?
Thanks

[jckr]

Hi, can you send me a sample of your data set?

[Foosballfan]

Hi, thanks for getting back to me.

The data is really simple, just date time in ms and value.
For the example above it would be:

data: [
  { x:1520985600000, y:1 }, // second graph only
  { x:1521072000000, y:1 },
  [ x:1521158400000, y:1 }
]