Skip to main content
1-Visitor
April 13, 2020
Solved

List Item to Time-Series chart

  • April 13, 2020
  • 2 replies
  • 3177 views

Hi All

 

I have a list of items in my mashup and a Time-Series Chart, i wish to achieve the following use-case

On selecting an option from the list, the chart should change values accordingly. For eg If there are 3 list items in a list, for every item there should a time series chart and upon selecting that option, chart corresponding to that list item should display

Same use-case I would want to achieve with a Progress Gauge

 

Regards

Ketan

Best answer by tmisner

Hello Ketan,

 

Depending further on your use case you can have something like a List Widget to allow your end user to make the desired selection (e.g. selecting option A, B or C). A service will be needed to feed the options into the List Widget in this case. You could then bind the Selected Row parameter of the option from the List to an input parameter on the data service that is feeding data into the Time Series Chart. Additionally to ensure the data in the Time Series Chart updates every time a user changes a selection in the List Widget you would want to bind the SelectedRowChanged action of the List service to the data service of the Time Series Chart.

 

I hope this makes sense and is sort of what you are looking for. If you are still unclear I could look into generating a simple example.

2 replies

tmisner16-PearlAnswer
16-Pearl
April 13, 2020

Hello Ketan,

 

Depending further on your use case you can have something like a List Widget to allow your end user to make the desired selection (e.g. selecting option A, B or C). A service will be needed to feed the options into the List Widget in this case. You could then bind the Selected Row parameter of the option from the List to an input parameter on the data service that is feeding data into the Time Series Chart. Additionally to ensure the data in the Time Series Chart updates every time a user changes a selection in the List Widget you would want to bind the SelectedRowChanged action of the List service to the data service of the Time Series Chart.

 

I hope this makes sense and is sort of what you are looking for. If you are still unclear I could look into generating a simple example.

ketanaga1-VisitorAuthor
1-Visitor
April 14, 2020

Hi

I am clear about the approach, I did the same in my mashup but was not able to achieve the same. 

If you could help with a small example it would be highly appreciated

 

Regards

 

16-Pearl
April 14, 2020

Hello again,

 

Please find a very simple example attached. The Mashup to view the bindings and the Time Series Chart data is called ChartDataChange.

 

Hopefully this helps.

Support
April 24, 2020

Hi @ketanaga.

 

If one of the previous responses answered your question, please mark the appropriate one as the Accepted Solution for the benefit of others on the community.

 

Regards.

 

--Sharon