pop-up graph

[Rahul Kumar]

Hello sir,

I want to show two pop-up graphs after clicking on the "Graph" button. Please refer to index4.html & graph.js file for data which is attached below & make changes accordingly.

Thanks

Rahul Kumar

Attachment: RRR__Copy_a64500fa.zip

[Rahul Kumar]

Hello sir,

Please reply & resolve my query mentioned above

Thanks

Rahul Kumar

[Durga Gopalakrishnan]

Hi Rahul,

You can use dialog control to display the chart in pop up while clicking the Graph button. Please refer the below links to know more about dialog.

Online Demo : https://js.syncfusion.com/demos/jquery/#!/bootstrap/dialog/defaultfunctionalities

UG Link : https://help.syncfusion.com/js/dialog/getting-started

Kindly revert us if you have any concerns.

Regards,

Durga G

[Rahul Kumar]

Hello sir,

I appreciate it, but i have already seen the links you have shared and also used dialog control but it doesn't work, as i want to show two graphs or multiple graphs in one dialog box. So, i want you to make changes in my code snippet shared above.

Thanks 

Rahul Kumar

[Rahul Kumar]

Hello sir,

Please refer to index4.html & graph.js file & make changes in my code snippet attached below.

I want to show multiple graphs in pop-up form( dialog) on the button click event.

Thanks

Rahul Kumar

Attachment: RRR__Copy_d410391a.zip

[Durga Gopalakrishnan]

Hi Rahul,

We have ensured the provided sample, since graph is rendered using Plotly graphing library, we have prepared a separate sample to render a Syncfusion chart in dialog control. Please find the sample below.

Sample : https://jsplayground.syncfusion.com/vdvzh1kh

Please revert us if you have any concerns.

Regards,

Durga G

[Rahul Kumar]

Hello sir,

I have used ejchart instead of plotly library, but it is still not working. Please refer to my snippet code index4.html file & make changes accordingly.

Thanks

Rahul Kumar

Attachment: index4_cd264e9a.zip

[Durga Gopalakrishnan]

Hi Rahul,

We have ensured the provided sample. The method name used for button click function and calling of method differs, so dialog box doesn't display. We have modified the sample and attached for your reference. 

function Graph() {

    $("#graphdialog").ejDialog("open");

}

https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartInDialog-2068737815.zip

Please revert us if you have any concerns.

Regards,

Durga G