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 line chart, bar chart, target chart, scatter chart, area chart, bubble chart and dot-line chart.


../../_images/mix_chart.png


Data Fields


The data fields required are:


Field

Quantity

Dimension

1

Comparison

0 - 1

Measurement

≥ 1

Extension

Unlimited


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.


Chart Type

Field

Description

All

Dual Y-Axis

Select this to plot the data field on the second Y-axis.

All

Enable Future Style

Select this to use a special future data style for data whose time is in the future to help distinguish it from other data.

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, Dot-line Chart

Line Width

Specify the thickness of the line chart.

Line Chart, Area Chart, Dot-line 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.

Dot-line Chart

Size, Shape

Specify the radius and shape of the dots.

Axis Style


Field

Description

Name

Specify the name or unit of the axes.

Dynamic Unit [1]

Select this to automatically use the suitable unit for your data values, and to automatically adjust the values on the axes.

Label Length [1]

Specify the length of the axis label name. When the length is longer than the set length, the excess will be displayed as an ellipsis (…). Or you can select Auto, where the adjacent label names will not be displayed if a label is too long.

Axis Range [1]

Specify the minimum and maximum values on the axes, and the number of labels between them.

Label Settings

Format the labels on the X axis.
  • Format: Select how the labels should be formatted based on data type.
    • value: Select the prefix for converting the labels. Set to auto by default.

    • category: No option available.

    • time: Select a time format for the labels, for example YYYY-MM-DD or HH:mm.

  • Angle: Specify how much to rotate the labels.

Font

Style the labels.

Axis Line

Style the line for the X axis.

Grid Line

Style the grid lines for the Y axis.

Show Scalar Bar

Select to show a bar that can limit the range of data displayed on the axes.


[1] Only available for Y-Axis.


Note

  • If you enter Name, enabling Dynamic Unit does not overwrite the Name, but only changes the values on the axes. If you enter Name as the unit, you should check the data after enabling Dynamic Unit.

  • 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 with the same configurations


Other Settings


Mix Chart


Field

Description

Enable Selection Zooming

You can box a data area in the chart to zoom in. Supports undo and reset operations.

Rounded Corners

Select this to display bars with round corners.

Stack

Select this to place bars with same Dimension value on top of each other.

Show Thousands Separator

Select this to display the thousandths of the value.

Bar Spacing

Set the bar spacing.


Legend


Field

Description

Position

Select the position of the legend.

Size

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

Style the text labels in the legend.


Reference Line Style


Reference Line


You can add multiple reference lines and customize them to mark out and quickly identify critical values and the corresponding data points.

Line Configurations


Field

Description

Name

Specify the name of the reference line.

Name Location

Select the display position of the reference line name.

Data Field

Specify the data field you wish to add the reference line in.

Type

Select the type of reference line.
  • Maximum

  • Minimum

  • Average

  • Median

  • Custom Fixed
    • Numeric Value: Specify an unique reference value. Empty by default.

  • Parameters
    • Expression: Specify dynamic parameters to be used as the reference value. Empty by default.

Line Format

Style the line.

Font

Style the marked value.


../../_images/reference_line.png


Highlight Area Style


Highlight Area


You can highlight the background area of specified data in a mix chart to emphasize information such as asset status and fluctuating power rate.

Highlight Area Configurations


Highlight Area is disabled by default. Select preview button eye to enable Highlight Area. Select Add Highlight Area to configure highlight areas in the mix chart.


Field

Description

Linked Axis

Select the axis of highlight areas. You can:
  • Select X-Axis to display highlight areas vertically.

  • Select Y-Axis to display highlight areas horizontally.

Data Field

Specify the data field of highlight areas. You need to add related fields to Data Fields > Extension first.

Identification Method

Specify the condition format of highlight areas. Sections that meet the specified conditions are highlighted in mix charts. You can choose the following identification methods:
  • Matching: highlight the background areas of objects with the specified value.

  • Value Range: highlight the background areas of objects within the specified value range.

Formatting Rules

Specify the rules to highlight, including values or value ranges, displayed text, and highlight colors.


../../_images/highlight_area.png