react-vis icon indicating copy to clipboard operation
react-vis copied to clipboard

Bug in the `LineSeries` chart

Open arose13 opened this issue 3 years ago • 4 comments

image

The line looks like a polygon and not a line. It does not matter what data (even if I use the sample data) I use this is the end result.

<XYPlot xType='time' width={1000} height={300}>
  <HorizontalGridLines />
  <VerticalGridLines />
  <LineSeries data={this.state.plotData} />
  <XAxis />
  <YAxis />
</XYPlot>

arose13 avatar Jan 31 '21 16:01 arose13

Had similar issues that were solved by ensuring that the css was included.

timtucker avatar Feb 04 '21 12:02 timtucker

@timtucker and how did you do that

dustinlacewell avatar Apr 09 '21 05:04 dustinlacewell

import '../node_modules/react-vis/dist/style.css';

Try adding this to the imports of your App.tsx or App.js

PeppyH avatar Apr 09 '21 05:04 PeppyH

Even after adding the css import I have the same issue

Madhukanth avatar Jun 01 '21 08:06 Madhukanth