Chartist labels are getting cropped.

Here’s an example from my site:

This also happens on chartists documentation site (http://gionkunz.github.io/chartist-js/getting-started.html):

Is this expected behavior? The only way I can fix it is by manually adjusting the <foreignobject> but then the label overlays the graph, or set overflow: visible on <svg>.

[gionkunz]

Hey there. As the multiline labels are done with foreignObjects in SVG there is no way how we could assume a required width. For this purpose we switched to a configurable offset of the chart per axis. In the configuration just use the offset configuration if you need to expand the space used for the labels:

axisX: {
  offset: 100
},
axisY: {
  offset: 100
}

Check this example: http://jsbin.com/fesavu/1/edit?html,css,js,output

[oscarAG]

This is what worked for me.

svg.ct-chart-bar, svg.ct-chart-line{
	overflow: visible;
}