I have just found out (after several hours of debugging) that when aspectRatio is set in the chartist options, the svg style gets set to
.aspectRatio-class svg {
display: block;
position: absolute;
top: 0;
left: 0;
}
which makes the svg overlaps with the legend