Mix Chart


The Mix Chart widget is used to display the changes in data over a period of time or compare multiple sets of data. The mix chart supports presenting data in bar chart, target chart, scatter chart, area chart and line chart.


../../_images/mix_chart.png


Data Fields


The data fields required are:

Field Quantity
Dimension 1
Measurement ≥ 1
Comparison 0 - 1


If the Measurement data values exceed two decimal places, they will be rounded off to 2 decimal places.


The Comparison data field enables you to segregate the data by their Comparison value and plot them as multiple charts on the widget. For example, the chart below shows how the data is separated into Measurement_A and Measurement_B.


../../_images/mixchart_with_comparison.png


You can also show/hide the charts according to their measurement data fields or comparison value by clicking their respective legend labels.


../../_images/hide_measurement.png


Chart Style

Measurement Style

For each Measurement field, you can set different styles, for example selecting the color of the chart, or the chart type. Only available in Advanced Mode.


Chart Type Field Description
All Dual Y-Axis Select this to plot the data field on the second Y-axis
All Chart Type Select the type of chart to plot the data field
All Color Select the color of the chart for the respective data field
Line Chart, Area Chart Line Width Specify the thickness of the line chart
Line Chart, Area Chart Smooth Select this to plot a smooth curve
Bar Chart Rounded Corners Select this to display bars with round corners
Bar Chart Stack Select this to place bars with same Dimension value on top of each other
Bar Chart Bar Spacing Specify the horizontal spacing between bars with different Dimension values
Target Chart Target Height Specify the length of the target bars
Scatter Chart Scatter Size Specify the radius of the scatter dots


Axis Style

You can style each axis.


Field Description
Unit Specify the unit for chart data. The unit name will not be displayed if you chose to show data as percentage values.
Dynamic Unit [1] Select this to automatically use the unit that suits your data values.
Axis Range [1] Specify the data range
Label Settings
Format the tick labels on the X-axis
  • Type: Select the type of data that will be displayed on the axis
  • Format: Select how the tick labels should be formatted based on data type
    • value: You can choose various suffix to append to the data values
    • category: No option available
    • time: You can choose how the time data is displayed, for example YYYY-MM-DD or HH:mm
  • Angle: Specify how much to rotate the tick labels
Font [2] Style the tick labels
Axis Line [2] Style the line for the X-axis
Grid Line [2] Style the grid lines for the X-axis
Show Scalar Bar [2] Select to show a bar that can limit the range of data displayed on the X-axis

[1] Only available for Y-Axis [2] Only available in Advanced Mode

Note

When the Dual Y-Axis checkbox is selected (in Measurement Style), the Secondary Y-Axis panel will become available, which enables you to format the second Y-axis.


Other Settings

Legend

Field Description
Position Select the position of the legend
Size [3] Specify the radii of the legend dots and the vertical spacing between them. Select Auto to automatically set the optimal size for the legend bar.
Legend Font [3] Style the text labels in the legend

[3] Only available in Advanced Mode