Water Quality Graph Dynamic Filtering

HWR-llc / ett

MassBays Phase I data explorer for data from the EPA WQX Portal

MIT License

1 stars 1 forks source link

Water Quality Graph Dynamic Filtering #95

Closed jcjucelyn closed 2 months ago

jcjucelyn commented 2 months ago

Enable filtering for the water graphs in the pop-ups, particularly filtering by date range.

filter by date range https://www.highcharts.com/docs/stock/range-selector
add date range filter https://stackoverflow.com/questions/22971239/adding-date-range-filter-to-highcharts-chart
filter data https://stackoverflow.com/questions/47354334/dynamically-filter-an-array-of-objects-in-vue-js

HWR-llc commented 2 months ago

Suggested Change: Remove sliders and print options from components/subs/WaterQualityGraph.vue and create a new component component/subs/WaterQualityGraphDynamic.vue/ that loads when the enlarge button is clicked:

The dynamic graph will include the enhanced functionality (i.e., printing and filtering).

jcjucelyn commented 2 months ago

Resolved: suggested change, new component saved as WaterQualityGraphLarge.vue with abilities to print and filter.