Skip to content

Analytics Controls

Client now supports couple of chart controls which can be used to visually communicate meaningful insights of data sets. A chart represents data in certain graphical patterns so users can get insights of the data set(s) visually.

Analytic Card Collection

AnalyticCardCollection provides capability to display a collection of chart cards. It is used to provide a summary of information across multiple entities. A chart card is a thumbnail view of chart with key information shown. It is recommended to use chart card if you want to provide users with an entry point to full width such as chart content section. A chart card comprises of following sections

  1. Header - This is located at the beginning of the chart and comprises of title, timestamp, metrics and trend value.
  2. Legend - This is located below the header section and provides an explanation about the data in the chart plot.
  3. Chart plot - This is located at the bottom of the card and comprises of x-axis, y-axis and chart plot. Multiple data series can be represented in the plot. Currently line, column, and bar chart types are supported.

Chart Content Section

ChartContent section is a full width chart which provides a visual representation of one or more data sets. A full-width chart page allows users to view the trend of data or compare different data sets. A chart content section has the following structure

  1. Chart title - It displays the title, subtitle of the chart and an optional timestamp.
  2. Chart summary - It displays the summary, trend and legend information. Summary could represent sum, average, max, min or a custom value for the chart plot, for example if the chart plots the sales data for a year then the summary could be net sales for the year. Summary section also provides information on legend which provides the meaning of the data plot and trend which represents a positive or negative trend of the data plot.
  3. Chart plot - This comprises of x-axis, y-axis and chart plot. Multiple data series can be represented in the plot. Currently line, column, and bar chart types are supported.

Last update: August 12, 2020