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
- Header - This is located at the beginning of the chart and comprises of
title
,timestamp
,metrics
andtrend
value. - Legend - This is located below the header section and provides an explanation about the data in the chart plot.
- Chart plot - This is located at the bottom of the card and comprises of
x-axis
,y-axis
andchart 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
- Chart title - It displays the
title
,subtitle
of the chart and an optionaltimestamp
. - Chart summary - It displays the
summary
,trend
andlegend
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. - Chart plot - This comprises of
x-axis
,y-axis
andchart plot
. Multiple data series can be represented in the plot. Currently line, column, and bar chart types are supported.