In the 'Widget Configuration' tab, you have the option of configuring the presentation and layout of your dashboard widget.
<aside> 💡 NOTE: The 'Widget Configuration' tab is only available for a workflow with the output type set to Widget
</aside>
The first configuration option you have is to configure the X and the Y axes of your widget. Both axes take two configuration parameters:
Below is a standard configuration for a widget that displays the utilization rate for a set of room types, to illustrate the configuration options:
The next step is to add one or many data series. The data in the series will correspond to each array entry from the data source
<aside> 💡 TIPS: to check the data format to understand the order of your data series, go to the 'Data transformation' tab and check the output preview. Read more here
</aside>
For each series, there's 4 configuration parameters you need to configure:
Series type: this is where you select which type of chart this series should render as. Do note that some chart types are incompatible to combine with others. For example having one series as a pie chart and one as a column chart in the same widget makes no sense. The available chart types are:
Tooltip: this parameter controls the tooltip you see when you hover a point in the coordinate system of your chart. You have access to two variables here to dynamically display the hovered value: x and y. For example, to have the tooltip display the corresponding X and Y value, enter it as such:
X value: {x}, Y value: {y} // Note the brackets around the x and y variables, these are necessary for the correct interpolation
X and Y axis value format: Defines how the x and y values will be formatted when appearing in the tooltip and the axes. You can for example format numbers and date time values using this property.
You can adjust the number of data series by using the 'Remove' and 'Add another' buttons at the bottom of each data series pane