Multi Line Chart with area fill Not Working

[yawar-ali]

I am using react-d3-basic in my project and it is drawing multi line graph fine but i want one line chart to fill the area under it like it is shown in one of the example here: http://www.reactd3.org/docs/basic/#line_multiple.

But For me the area part is not working it is just displaying 2 line charts while i have specified area= true in the chart series. Any help will be regarded well.

I also tried Chart component from react-d3-core with Line & Area components its didn't work for me. I found LineChart Example quite simple and easy but got stuck if there is any substitute or article available kindly post the link i will try that.

I also want to know if there is any way to customize Axis Labels with react-d3-basic.

Thanks!

My Chart is showing like :

But I want it to be like :

[jose31canizar]

Just recreate the LineChart component from react-d3-shape and react-d3-core since react-d3-basic is just a lightweight wrapper around those libraries. Take a look at: https://github.com/react-d3/react-d3-basic/blob/0d90333c3914b3d863b88e4828a50ea1eee8ba02/src/line.jsx