FlexChart image export titles overlapping graph

FlexChart image export titles overlapping graph

Posted by: jbaacke on 28 September 2018, 1:36 pm EST

• 

  jbaacke

  • Post Options:
  • Link
    Copy

  Posted 28 September 2018, 1:36 pm EST - Updated 3 October 2022, 8:21 pm EST

  In an Angular 6 project I’m exporting a FlexChart (import { WjFlexChart } from ‘wijmo/wijmo.angular2.chart’ using the following code:

  public exportGraph(chart: WjFlexChart, filename: string): void {
          if (chart == null) {
              throw new Error('exportGraph called with a null chart argument');
          }
          chart.saveImageToFile(filename + '.png');
      }
  
  

  The chart on the page looks like the first attachment, when exported it looks like the second. If you look closely you can see that the labels are extending too far to the right, into the chart. How do I fix this? I don’t want the labels to overlap the chart at all.

  

  1376×591 15.1 KB

  

  915×400 11.8 KB

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 1 October 2018, 3:08 am EST

  We are unable to replicate the issue at our end with latest Wijmo version(5.20182.524). Could you please have a look at the following sample(used for testing) and let us know if we are missing something in the sample to replicate the issue: https://stackblitz.com/edit/angular-atlxmu?file=src%2Fapp%2Fapp.component.ts
  
  Also, could you please share your environment info (OS + Browser + Wijmo version), so that we may test it on the same environment?

  ~Sharad