BuyLog In
Bug Report T1266498
Visible to All Users

Chart - No export occurs when the Export button in the Export Custom Markup demo is clicked

created 3 months ago

Steps to reproduce:

  1. Open this demo.
  2. Click the "Export" button.

Expected results:

Charts are exported.

Current results:

No export occurs since the following lines related to canvg are commented out:

Code
// import toCanvas from 'canvg';
Code
exportFromMarkup(prepareMarkup(chartSVG, formContent), {
  width: 820,
  height: 420,
  margin: 0,
  format: 'png',
  svgToCanvas(svg, canvas) {
    return new Promise((resolve) => {
      // toCanvas(canvas, new XMLSerializer().serializeToString(svg), {
      //   ignoreDimensions: true,
      //   ignoreClear: true,
      //   renderCallback: resolve,
      // });
    });
  },
});

Additional information:

  • The issue is reproducible in Angular, React, and Vue, but not in jQuery or ASP.NET.
  • Initial finding is that the canvg related codes are commented out since the canvg import does not work in CodeSandBox
  • Uncommenting the commented out code in the demo page fixes the issue
Sign in to comment on this post

Answers approved by DevExpress Support

created a month ago

We have addressed the issue described in this ticket and will include a fix in our next maintenance update. Should you need to apply our fix prior to official release, you can request a hotfix here.

Important Notes:

  • Hotfixes may be unavailable for Early Access/Beta builds or updates set for release within a week.
  • .NET only: in the NuGet Package Manager, use your personal NuGet feed and check the "Include prerelease" option to view the hotfix package in the "Updates" tab.
    Sign in to comment on this post

    Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

    Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.