Document xType prop on XYPlot

[CAYdenberg]

If I create the following component:

import {XYPlot, VerticalRectSeries, XAxis} from 'react-vis'

storiesOf('VerticalRectSeries', module)
  .add('broken draw coordinates', () => {
    const data = [
      {x0: 0, x: 0.25, y0: 0, y: 10},
      {x0: 0.25, x: 0.5, y0: 0, y: 114},
      {x0: 0.5, x: 0.75, y0: 0, y: 26},
      {x0: 0.75, x: 1, y0: 0, y: 0}
    ]
    return (
      <XYPlot xType="ordinal" width={300} height={300} xDistance={100}>
        <XAxis />
        <VerticalRectSeries data={data} opacity={0.5} />
      </XYPlot>
    )
  })

I get:

As you can see the first two recangles are rendered out of place: the first begins where the second one should, while the second one is twice the width it should be.

I thought the zero values were perhaps throwing it - but it actually doesn't matter what value you give x0 for the first datapoint - it always renders the same way.

[mcnuttandrew]

Hey @CAYdenberg

I think your difficulty might be because of the type of axis you are using. RectSeries are meant to enable drawing boxes on quantitative scales (eg linear/log/pow), while BarSeries are meant to enable drawing any kind of scale but especially ordinal and category scales. If you really want to use your current scale configurations, i think you could get around your bug by explicitly specifying the domain, like xDomain={[0, 0.25, 0.75, 1]}?

[CAYdenberg]

OK, I see what you're saying. If I remove xType="ordinal" it sorts itself out ... or at least I can see how to get to what I want.

Would be good to add xType to the documentation on XYPlot - I copied it from an example (I think) but never really understood what it did.

[marcelosedano]

@CAYdenberg I had the same question until I found it documented in the Scales and Data doc: https://github.com/uber/react-vis/blob/master/docs/scales-and-data.md#scale-properties

[Novizh]

I have hundreds of data, but why my Y scale are displaying values of y in decimals? and it ends at 2.0?

It works fine few minutes ago, I'm using xType ordinal