In this article
This widget supports area, trendline, pie, and bar charts with configuration options. Activate/deactivate chart series and export as images.
This generic widget allows you to create various types of charts and supports a broad range of visualization options for area, trendline, pie, and bar charts, as well as combinations of these.
The widget offers a large number of configuration options:
Legend placement
Navigation
Horizontal/vertical bar orientation
Gridlines
Stacked bars
Rolling average, and more.
A user can activate or deactivate a series in the chart by clicking on the series in the legend or chart itself. This can be helpful in reducing clutter when the chart displays a large number of series. Keep in mind that this only hides the series and does not recalculate percentages, etc. for the visible series.
You can export charts from Studio as images by clicking the widget options icon in the upper-right corner of the widget, then selecting "Export" from the drop-down menu.
Continue by reading about Series and Categories below, or visit: Setting up a Chart Widget
Series and Categories
Studio charts use series and categories for bar, pie, stacked, or multiple series displays. Advanced settings include secondary axes and stacking control.
In Studio, chart widgets are defined by series and categories.
The series represents the statistical value to be measured, such as the frequency count of a question or the average satisfaction score.
We may want to display the plotted series value across various categories, such as the categories of a question (e.g. age groups) or time periods (e.g. monthly for the past 12 months).
Examples of using Series and Categories
In this simple example, we display the count of our "Likely to Recommend" question divided into the "Promoters", "Passives", and "Detractors" categories. We define the category type as "cut" to indicate that we want to break down the series by the answer categories of a question.
A simple column chart using series and categories
Pie Chart
A Pie Chart provides another example of a single series divided into categories.
A pie chart using series and categories
Stacked Bar Chart
We may want to further divide the series value within each category. To achieve this, we can specify additional cuts when defining the series. In the following example, we split the overall series by the categories of the "Recommend" question, and then examine this breakdown over a set of categories representing time periods (quarters). We also stack each of these categories on top of each other, with the stacking controlled by the "stacked" property.
A stacked bar chart using series and categories
The chart without stacked categories appears like this.
A bar chart without stacked categories
Charts may also encompass multiple series. In this example, two series have been defined:
A line chart with two series
You can also plot series measuring different statistics on the same chart by defining a secondary axis and associating a series with this axis.
In the following example, we bring together the elements of the charts previously shown and merge the category breakdown of "Likelihood to Recommend" with the average score in a single chart:
A chart using a secondary axis
Forsta Go App
Go supports most of all available chart types and provides some visual and interaction enhancements:
Example of charts in Forsta Go
Supported Chart types
Line
Area
Bar (Vertical, Horizontal and Stacked)
Pie
Composite (Vertical Bar + Line only)
Behavior Differences
The chart type is determined by the first series defined. However, if only a Vertical bar and Line chart are defined, a composite chart showing both together is presented. Other series combinations will be ignored.
The Legend is always displayed (CDL legend is ignored) and placement is determined by the chart type. The legend is used to select individual series or categories.
Example of behavior differences in Forta Go
Charts with more categories than can display within the available display width, the entire chart can scroll left to right.
Scrolling left to right on a chart in Forsta Go
On Line and Area charts, to view a specific line value, tap anywhere on the chart to display the vertical selector. Drag the selector horizontally left or right to move the target value along the X-Axis scale. If more than one series, select a series first before tapping on the chart.
Moving the target value along the X-axis in Forsta Go
Y-Axis value distribution may differ from web/desktop as it is optimized for a smaller display.
To learn more about the CDL supported properties for Go, visit: Summary of Chart CDL Properties for Forsta Go