Scatter Plot widget for WAB

592
2
Jump to solution
11-13-2020 05:56 AM
Labels (1)
GerardMartin
New Contributor III

Hi,

I have a filegeodatabase with two feature tables:

  • one table contains a list of meterological stations (points) and stationId, X and Y fields
  • the second table contains historical measurements of temperature and stationId, datetime and measure fields. 

Both tables are joined by stationId field, and a map showing points of this gdb is published in arcgis enterprise. With WebAppBuilder, I have created an app with this map. 

For a selected point, I have to show a scatter plot for (datetime, measure) , but seems that Chart widget doesn't have this option. 

Any examples, documentation or advice how to implement this widget would be appreciated.

Thank you in advance!

 

 

0 Kudos
1 Solution

Accepted Solutions
LefterisKoumis
Regular Contributor

You can use third party library to plot scatter graph in a custom widget

An example of third party library

https://plotly.com/javascript/

An example of how to use third party library in the arcgis js.

https://community.esri.com/t5/web-appbuilder-custom-widgets/bar-chart-cedar-widget-v1-3-04-18-2018/t...

Another example:

https://esri.github.io/esri-leaflet/examples/dynamic-chart.html

Scatter plot wiidget based on 3.x JS API

https://github.com/Esri/dashboard-samples/tree/master/scatterPlotWidget

View solution in original post

2 Replies
LefterisKoumis
Regular Contributor

You can use third party library to plot scatter graph in a custom widget

An example of third party library

https://plotly.com/javascript/

An example of how to use third party library in the arcgis js.

https://community.esri.com/t5/web-appbuilder-custom-widgets/bar-chart-cedar-widget-v1-3-04-18-2018/t...

Another example:

https://esri.github.io/esri-leaflet/examples/dynamic-chart.html

Scatter plot wiidget based on 3.x JS API

https://github.com/Esri/dashboard-samples/tree/master/scatterPlotWidget

View solution in original post

GerardMartin
New Contributor III

Thank you @LefterisKoumis, I am going to work with all this documentation !

Regards,

 

0 Kudos