Creating options to allow full chart width to be used about chartist HOT 14 CLOSED

Thanks :-) Currently not no. The reason behind this is that I simply didn't want to include different functionality to draw the last label on the x-axis. We could probably change this quite easily and just draw the last label on the left side of the grid line. Maybe even make it configurable...

I'll rename your issue and if others wish to change the behavior of the horizontal / x-axis distribution of points, we can prioritize this.

Thanks for opening an issue.

Cheers
Gion

from chartist.

Easy, thanks Gion

from chartist.

This would be really great!

from chartist.

+1!

That would be super cool ;-)

from chartist.

+1

I would really like/need this to match the design for my project.

It would be nice to be able to set some horizontal offset for the graph so that it doesn't start right at the left/right "walls".

from chartist.

Hi there. Offset the whole graph is possible using the draw event. Check the examples, some of them contain chart manipulation using draw events. Youd want to intercept point, line and area draw events and modify the elements using element.attr. I can post you an example later if you need it.

from chartist.

This is one way to offset your chart elements:
http://jsbin.com/wumebi/1/edit?js,output

However it does not solve the initial issue to use the full chart width for drawing. I think it's still valid to have an option that allows the full width of the chart area to be used. The only thing that will be a bit problematic is the last label on the x-axis. However, this could be corrected manually when it's an issue. Also the option should be used if there is enough space or one could also use axisX: {labelOffset: {x: -something}}

I think we should implement this asap.

from chartist.

Yes thats exactly what i'm looking for!

Thank you for taking your time to make an example.

from chartist.

+1 this would be fantastic.

from chartist.

This will come with the next release that is likely to be published this weekend.

from chartist.

Works, just have to pass fullWidth: true as an option

Thanks!

from chartist.

fullWidth will cut off my date label for the last data point.

from chartist.

There's an open issue for that #557 , you can find some workarounds within that ticket.

from chartist.

Thanks that's very nice of you!

from chartist.