Contents

  1. Home
  2. Contents
  3. How to Create an Area Chart Widget
  4. Customizing the Area Chart Widget

Customizing the Area Chart Widget

My widget has now been created, but it looks a bit odd. This is because my data source only contains temperature data for one month, August 2018, but my widget is displaying the date in a year format (rather than showing each individual day of August as I intended).

You may have noticed that though the “Dimensions” box contains a field called “Date,” the field’s name changed to “Year(Date)” when you dragged it over to the “Columns” box. This is because the widget shows data for the entire year by default.

This format would be helpful if I were comparing data across multiple years, but since I am only looking at one month of data, I need to revise my date display criteria. It does not make sense for my widget to supposedly display data for all of 2018 if I am only examining one month of temperature data.

widget shows the dashboard with the Year(Date)

To change the date settings for my widget, I need to navigate back to the “Columns” box and click the “Options” button beside the “Year(Date)” field. When I do, I see a list of different date display options: Date Time, Date, Year, Quarter, Month, Day, and More (clicking the “More” button will provide you with additional options).

More options shows to change the date settings

As we noted earlier, the “Year” option is selected by default. In order to see the maximum temperature data for each individual day of the month, I am going to click the “Day” option.

check maximum temperature data for each individual day of the month using the Day option

After I click “Day,” I can see that the name of the date field in the “Columns” box has been changed to “Day(Date),” and my widget’s appearance has been updated accordingly.

dashboard view shows the Day option result

I can change the date increments along the bottom of my area chart by dragging the chart’s edges to resize it. For example, if I make the widget smaller, it will display the dates in increments of six.

dashboard view with the widget smaller customization display the dates in increments of six

However, if I make the widget larger, it will display the dates in increments of four.

dashboard view with the widget larger customization display the dates in increments of four

It is also worth noting that I can hover over any dot on the widget to see the maximum temperature data for that date. For example, I can see that the high on August 6 was 29°C  and that the high on August 7 was 33°C.

dashboard view shows the maximum temperature data for the date when hovering

dashboard view explores the result with the high on August 6 was 29°C and that the high on August 7 was 33°C

 

How can we help?