help

Back

  1. Home
  2. help
  3. How to Create a Range Navigator Widget
  4. Adding a Range Navigator Filter to an Area Chart

Adding a Range Navigator Filter to an Area Chart

Here, I am going to add a range navigator filter to an area chart widget.

Result of Area chart

My area chart widget highlights the maximum temperature for each day of August 2018 (if you have not already done so, please feel free to read the post outlining how I created my area chart widget).

To test my already customized range navigator filter’s functionality, I can click the “Preview” button in the upper right corner of my dashboard and navigate to the range navigator.

Selecting date range

I can select a date range by dragging the sliders. For example, if I want to see data for the last 10 days of August, I can drag the sliders accordingly, and my area chart widget will show data for the selected date range.

Area chart result for selected date range

If I would like to clear the applied filter, I just need to click the “Clear Filter” button that appears in the upper right corner of my range navigator, and the widget will return to its original appearance.

Clear filter in Range Navigator

 

Was this article helpful to you? Yes No