Can not use charts in dashboard layout

Question

Hi,I am trying to include charts in dashboard layouts, so that I can drag and drop the charts. If I create a pie chart in a separate vue project it works. And same goes with dashboard layouts. But if I use chart plugin in the project where i use dashboard layout, it gives me an error.  This is my code. I installed vue-class-components@7.0.0 Attachment: syncfuioncharts_3ebb3b40.zip

Durga Gopalakrishnan · Accepted Answer

Hi Sahan, 

Greetings from Syncfusion. 

We have ensured your reported scenario with attached sample. We have prepared Vue sample to render the chart inside dashboard layout panel. We also request you to install the vue-class-component version as 8.0.0-rc.1 in your application to overcome reported problem. Please check with below snippet and sample. 





"dependencies": { 
    "@syncfusion/ej2-vue-charts": "*", 
    "@syncfusion/ej2-vue-layouts": "*", 
    "core-js": "^3.6.5", 
    "vue": "^2.6.11", 
   "vue-class-component": "^8.0.0-rc.1" 
  } 

  

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/DashboardChart-427096386.zip 

UG : https://ej2.syncfusion.com/vue/documentation/accumulation-chart/getting-started/ 

Kindly revert us if you have any concerns. 

Regards, 
Durga G