show chart with same source in multiple panels

[RakhiS]

Hi, I want to show same pivot chart in two multiple panels with same source and with dropdown from which user can select chart type.

I am getting issue in the way

1. I am not able to see charts with same source  together in two different panels.

Please help

[Manikandan Murugesan]

Hi RakhiS, 

We have prepared a sample to render pivot charts in two different panels as per your requirement. Please find it from below link. 

Sample: https://stackblitz.com/edit/react-3chjxp?file=index.js 

Please let us know if you need further assistance with this. 

Regards, 

Manikandan 

[RakhiS]

Thanks, I think you have used reactjs, but my requirement is in angular

Also I have created a separate component which contains PivotView.

And my data is coming from database. This single component can be called multiple times when ever I am having component name as 'chart' for different panels. It will load this pivot view which contains single dropdown and and single ejs-pivotview tag.

[Manikandan Murugesan]

Hi RakhiS, 

We have prepared a sample that uses separate component names for each panel in angular to render pivot charts in a dashboard layout. Please find sample link for your reference below. 

Sample: https://stackblitz.com/edit/angular-dzd8gx?file=app.component.ts 

 

Please let us know if you need further assistance with this. 

Regards, 

Manikandan 

[RakhiS]

Thank you so much.

On changing the type of charts from dropdown I am saving in database. And retrieving it back when user comes back to the page. But this time, I am not able to achieve this, since there is only one charttypesetting object and if i set value into it it is applied on both the charts and same I tried by setting index property , again it is applied to all the dropdown.

 this.chartddl = new DropDownList({

      placeholder: "Chart Types",

      floatLabelType: "Auto",

      change: this.onChange.bind(this),

      value: JSON.parse(this.configJson)['chartType'] //getting it from database

    });

Can you please help me out

[Mouli Eswararao]

Hi RakhiS, 

 

We have modified the provided sample to meet your needs. We have created two different dropdowns for each panel where you can set the value individually. Please find the sample in the below link. 

 

Sample: https://stackblitz.com/edit/angular-dzd8gx-wctgub?file=app.component.ts  

 

We hope the above information would achieve your requirement. Please let us know if you need any further assistance. 

 

Regards,
Mouli