How to Embed visualization elements ( charts ) in Document editor

Question

I have requirement where i want to implement a report designer.I cheeked document editor , it does have everything except placing charts with data binding. Any suggestions how we can achieve this ?

Manoranjan Rajendran · Answer

Hi Jitendra,

Please refer the below document for how to adding chart and data binding details, 
https://help.boldreports.com/embedded-reporting/blazor-reporting/report-designer/designer-guide/report-items/chart/column-chart/ 
https://help.boldreports.com/embedded-reporting/javascript-reporting/report-designer/designer-guide/report-items/map/binding-data/

Regards, 
Manoranjan R

Jitendra Chaudhari · Answer

Thanks Manoranjan,      but these are links from bold report. I am doubtful about licensing of bold report and thats why i am checking how i can implement my own report designer.

Manoranjan Rajendran · Answer

Hi Jithandra, 

Could you please refer the below document for our Bold Reports license details and also you can also use our Standalone Report designer using with your syncfusion account. 
 https://help.boldreports.com/report-viewer-sdk/licensing/faq/can-the-syncfusion-community-license-be-used-with-bold-reports/   
https://help.boldreports.com/embedded-reporting/licensing/faq/can-the-report-designer-component-be-used-from-bold-reports-using-syncfusion-license/  

https://www.boldreports.com/account/downloads/standalone-report-designer  

Regards, 
Manoranjan R

Jitendra Chaudhari · Answer

Anyways how this chart preservation works in document editor ? Could we convert the charts in MS office style charts instead of images ? How we can bind data for chart preserved in document editor?

Manoranjan Rajendran · Answer

Hi Jithendra, 

As per RDL standard, we confirm that you will not be able to modify the data in the exported document of the reports. If you are looking for modifying the data for a chart in a Report then we suggest you to use the Report Designer component which is available with us. Could you please confirm if you want modify the chart data in exported file. Please refer the below documentation to how to bind data in chart the report designer, 
https://help.boldreports.com/standalone-report-designer/designer-guide/report-items/chart/column-chart/  
https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/rdlc-report/#bind-data-source-in-web-api-controller 
 
However we also have a document editor component which may suit your requirement. Please check on the below documentation, 
https://ej2.syncfusion.com/demos/document-editor/chart/ https://ej2.syncfusion.com/documentation/document-editor/getting-started/  
https://ej2.syncfusion.com/documentation/document-editor/getting-started/     
If the above doesn't meet your requirement, then could you please share with us additional details for your requirement. 
 
Regards, 
Manoranjan R

Jitendra Chaudhari · Answer

Thanks Manoranjan for your reply.

I understand the report designer is some what best fit for my requirement.

Let me explain my requirement here .

1. In our Angular Web app , User shall able to design report with charts or tables and schedule it.

2. As per schedule the event will be triggered

3. On even trigger the dat will be fetched from data source, report will gets compiled (chart and tables get updated).

4. convert it to pdf

I see document editor is sufficient for my use case except the charts. I really didnt understand the chart preservation feature in document editor ; could you help me how charts gets inserted in document .?

Manoranjan Rajendran · Answer

Hi Jithendra, 
 
Thanks for the update, 
 




Queries  

Details 


1. In our Angular Web app , User shall able to design report  with charts or tables and schedule it.  
2. As per schedule the event will be triggered  
3. On even trigger the dat will be fetched from data source, report will gets compiled (chart and tables get updated). 
4. convert it to pdf 

You can design the report with Charts and tables in Report designer component. We don’t have internal scheduler option in our embedded reporting. We have writer application to export the report to PDF.https://help.boldreports.com/embedded-reporting/aspnet-core-reporting/report-writer/export-ssrs-rdl-report/ 


I see document editor is sufficient for my use case except the charts. I really didnt understand the chart preservation feature in document editor ; could you help me how charts gets inserted in document .?  

Documenteditor doesn’t have support for insert chart. At present Document editor component support to display the chart that are already available in the Word document. You can’t insert a new chart or edit an existing chart in Word document using Document editor component.  
You can find the list of supported chart types from the below UG:https://ej2.syncfusion.com/angular/documentation/document-editor/chart/  
 
 
Regards,  
Manoranjan R

Queries	Details
1. In our Angular Web app , User shall able to design report with charts or tables and schedule it. 2. As per schedule the event will be triggered 3. On even trigger the dat will be fetched from data source, report will gets compiled (chart and tables get updated). 4. convert it to pdf	You can design the report with Charts and tables in Report designer component. We don’t have internal scheduler option in our embedded reporting. We have writer application to export the report to PDF. https://help.boldreports.com/embedded-reporting/aspnet-core-reporting/report-writer/export-ssrs-rdl-report/
I see document editor is sufficient for my use case except the charts. I really didnt understand the chart preservation feature in document editor ; could you help me how charts gets inserted in document .?	Documenteditor doesn’t have support for insert chart. At present Document editor component support to display the chart that are already available in the Word document. You can’t insert a new chart or edit an existing chart in Word document using Document editor component. You can find the list of supported chart types from the below UG: https://ej2.syncfusion.com/angular/documentation/document-editor/chart/