Charts ExportCustomMarkup: uncomment export in frameworks

DevExpress · Sep 3, 2024 · b3b342b · b3b342b
1 parent 536fcb8
commit b3b342b
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 24 deletions.
diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts b/apps/demos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts
@@ -6,7 +6,7 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxChartComponent, DxButtonModule } from 'devextreme-angular';
 
 import { exportFromMarkup } from 'devextreme/viz/export';
-// import canvg from 'canvg';
+import canvg from 'canvg';
 import { Service, OilProductionDataItem } from './app.service';
 
 if (!/localhost/.test(document.location.host)) {
@@ -42,11 +42,11 @@ export class AppComponent {
       format: 'png',
       svgToCanvas(svg, canvas) {
         return new Promise((resolve) => {
-          // canvg(canvas, new XMLSerializer().serializeToString(svg), {
-          //   ignoreDimensions: true,
-          //   ignoreClear: true,
-          //   renderCallback: resolve,
-          // });
+          canvg(canvas, new XMLSerializer().serializeToString(svg), {
+            ignoreDimensions: true,
+            ignoreClear: true,
+            renderCallback: resolve,
+          });
         });
       },
     });

diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/React/App.tsx b/apps/demos/Demos/Charts/ExportCustomMarkup/React/App.tsx
@@ -4,7 +4,7 @@ import {
 } from 'devextreme-react/chart';
 import { Button } from 'devextreme-react/button';
 import { exportFromMarkup } from 'devextreme/viz/export';
-// import toCanvas from 'canvg';
+import toCanvas from 'canvg';
 import { dataSource } from './data.ts';
 import Form from './Form.tsx';
 
@@ -43,11 +43,11 @@ function App() {
         svgToCanvas(svg: Node, canvas) {
         // eslint-disable-next-line no-unused-vars
           return new Promise((resolve) => {
-            // toCanvas(canvas, new XMLSerializer().serializeToString(svg), {
-            //   ignoreDimensions: true,
-            //   ignoreClear: true,
-            //   renderCallback: resolve,
-            // });
+            toCanvas(canvas, new XMLSerializer().serializeToString(svg), {
+              ignoreDimensions: true,
+              ignoreClear: true,
+              renderCallback: resolve,
+            });
           });
         },
       },

diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/ReactJs/App.js b/apps/demos/Demos/Charts/ExportCustomMarkup/ReactJs/App.js
@@ -9,7 +9,7 @@ import {
 } from 'devextreme-react/chart';
 import { Button } from 'devextreme-react/button';
 import { exportFromMarkup } from 'devextreme/viz/export';
-// import toCanvas from 'canvg';
+import toCanvas from 'canvg';
 import { dataSource } from './data.js';
 import Form from './Form.js';
 
@@ -41,11 +41,11 @@ function App() {
       svgToCanvas(svg, canvas) {
         // eslint-disable-next-line no-unused-vars
         return new Promise((resolve) => {
-          // toCanvas(canvas, new XMLSerializer().serializeToString(svg), {
-          //   ignoreDimensions: true,
-          //   ignoreClear: true,
-          //   renderCallback: resolve,
-          // });
+          toCanvas(canvas, new XMLSerializer().serializeToString(svg), {
+            ignoreDimensions: true,
+            ignoreClear: true,
+            renderCallback: resolve,
+          });
         });
       },
     });

diff --git a/apps/demos/Demos/Charts/ExportCustomMarkup/Vue/App.vue b/apps/demos/Demos/Charts/ExportCustomMarkup/Vue/App.vue
@@ -69,7 +69,7 @@ import {
 } from 'devextreme-vue/chart';
 import { exportFromMarkup } from 'devextreme/viz/export';
 import DxButton from 'devextreme-vue/button';
-// import toCanvas from 'canvg';
+import toCanvas from 'canvg';
 import { dataSource } from './data.ts';
 import Form from './Form.vue';
 
@@ -106,11 +106,11 @@ function onClick() {
     svgToCanvas(svg, canvas) {
       // eslint-disable-next-line no-unused-vars
       return new Promise((resolve) => {
-        // toCanvas(canvas, new XMLSerializer().serializeToString(svg), {
-        //   ignoreDimensions: true,
-        //   ignoreClear: true,
-        //   renderCallback: resolve,
-        // });
+        toCanvas(canvas, new XMLSerializer().serializeToString(svg), {
+          ignoreDimensions: true,
+          ignoreClear: true,
+          renderCallback: resolve,
+        });
       });
     },
   });