Exported SVG overflows boundaries

Question

I am visualizing some data with vaadin-charts:3.2.0, and I am trying to export a SVG out from the chart. I get some results but it is not satisfying. I can only share the screenshosts instead of the SVG itself. I also had to pixelate the labels to mask private data.

Original vaadin-charts seen on screen:

Exported SVG:

One problem is that the labels overflow the svg boundaries. And the chart drawings also overflow the boundaries making it seem like an incomplete drawing. Any idea what is wrong with this structure?

public class SvgStreamResource extends StreamResource {

  public SvgStreamResource(String svgText, String filename) {
    super(new StreamSource() {
      @Override
      public InputStream getStream() {
        InputStream s = new BufferedInputStream( new ReaderInputStream(new StringReader(svgText)));
        return s;
      }
    }, filename + ".svg");
  }

  @Override
  public String getMIMEType() {
    return "image/svg+xml";
  }

}

Within a component:

  Button exportButton = createExportButton("SVG", createSVGStreamSource(conf));

private SvgStreamResource createSVGStreamSource(Configuration conf) {
      String svg = SVGGenerator.getInstance().generate(conf);
      return new SvgStreamResource(svg, fileBaseName);
}

private Button createExportButton(String caption, SvgStreamResource svgStreamResource) {
      Button b = new Button(caption);
      FileDownloader downloader = new FileDownloader(svgStreamResource);
      downloader.extend(b);
      return b;
}