Horizontal Bar Chart

Card

A card wraps a chart widget. A widget consists of card elements (card title, chart, card background, and card border) and chart elements.

Graphic

A graphic is a specific graphical expression element that visualizes data in a widget. For example, a graphic can be a slice in a pie chart, a bar in a bar chart, or a line or an inflection point in a line chart.

Figure 6 Horizontal bar chart graphic

• Color: Color of the graphic.
• Unified configuration
  • Ins mark: Whether to enable the ins mark.
  • Data sorting: Whether to enable data sorting.
  • Step falls: Whether to display in step falls.
  • Horizontal bar: Whether to use horizontal bars.
  • Pillar fillet: Round corners of the bar border. "0" indicates right angle, and "100" indicates round corner.
  • Bar width: Width of the bar relative to the unit interval on the X axis.
  • Data label: Whether to display data labels (i.e. values) next to the bars. If it is enabled, the value position and color can be set.
  • Data label (max. and min.): Whether to display the maximum and minimum values.
• Data Series
  • Series name: Default series name in the raw data. You can change the series name by configuring the display name.
  • Display name: Display name of the series in the chart.
  • Bar width: Width of the bar relative to the unit interval on the X axis.
  • Bar color: Color of the bars, which can be pure or gradient.
  • Customize the maximum bar: Customize the maximum value bar, including the color.
  • Pillar fillet: Round corners of the bar border. "0" indicates right angle, and "100" indicates round corner.
  • Data label: Whether to display data labels (i.e. values) next to the bars. If it is enabled, the value position, color, prefix, and suffix can be set.

Legend

A legend shows the dimensions in a multi-dimensional visualized graphic expression.

Figure 7 Horizontal bar chart legend

• Legend display: Whether to display the legend. The legend text content comes from the value of s in the data model.
• Legend marker: Shape of legend icons.
• Legend width and height: Width and height of legends.
• Legend interval: Space between legends.
• Font: Font, color, and size of legends.
• Legend left margin: Distance from the legend to the left of the bar widget.
• Legend top margin: Distance from the legend to the top of the bar widget.
• Page up button: Color of the page up button.
• The page turning button is not activated: Color of the page up button in unavailable state.
• Custom legend setting: After this function is enabled, you can adjust the display length of the legend name. By default, "Off" is selected, indicating that the entire legend name is displayed.

Tooltip

Tooltip (floating prompt) displays metrics of specific dimension nodes in a visualized chart widget.

Figure 8 Horizontal bar chart tooltip

• Tooltip display: After this function is enabled, the information is displayed when you place the cursor on a specific series during chart preview.
• Feature marker: Content format of the tooltip box, such as series name, data name, and data value.

Coordinate

In the coordinate settings, you can set the X axis and Y axis of a chart, for example, whether to display the two axises and scale, and the font and font color.

Figure 9 Horizontal bar chart coordinate

• X axis
  • X axis: Whether to display the X axis.
  • Axis title: Title of the X axis.
  • Font: Font, color, and size of the axis.
  • Title offset: Offset of the title relative to the axis.
  • Title rotate: Rotation angle of the title.
  • Axis line: Whether to display the axis line. If the axis line is displayed, you can set its color.
  • Axis tick: Whether to display the scale.
  • Scale label: Scale label style, which can be automatic adjust label and all tags.
  • Scale label font: Font, font color, and font size of the scale label.
  • Label rotate: Rotation angle of labels.
  • Grid line: Whether to display grid lines.
  • Reverse: Whether to invert the axis data.
• Y axis
  • Y axis: Whether to display the Y axis.
  • Axis title: Title of the Y axis.
  • Font: Font, color, and size of the axis.
  • Title offset: Offset of the title relative to the axis.
  • Title rotate: Rotation angle of the title.
  • Axis line: Whether to display the axis line. If the axis line is displayed, you can set its color.
  • Axis tick: Whether to display the scale.
  • Scale label font: Font, font color, and font size of the scale label.
  • Minimum interval: Minimum interval between coordinates.
  • Label rotate: Rotation angle of labels.
  • Grid line: Whether to display grid lines.
  • Axis start value: Start value of the Y axis. To facilitate data display, when the input value is the maximum value of the ingested data, the start value of the Y axis in the chart is half of the maximum value.
  • Left Y axis unit: Unit of the left Y axis.
  • Axis max set: Whether to set the maximum value of the axis.
  • Reverse: Whether to invert the axis data.
  • Shadow between bars: Whether to display the shadow between bars. The shadow color can be set.
  • Label show: Display style of Y axis labels, for example, "Default" or "Count Units".

Reference Line

Reference lines are visual markers to help you compare data on charts.

Figure 10 Horizontal bar chart reference line

• Unified configuration: Style of the two ends of the reference line, such as circle, rectangle, and triangle.
• Y axis reference line
  • Y axis reference line: Whether to display the Y axis reference line.
  • Reference line: Color and type of an existing reference line. To add a reference line, click Add Y Axis Reference Line. To delete a reference line, click x next to it.
• X axis reference line
  • X axis reference line: Whether to display the X axis reference line.
  • Reference line: Color and type of an existing reference line. To add a reference line, click Add X Axis Reference Line. To delete a reference line, click x next to it.

Metrics

Metrics provide supplementary text and number information to a graphic in a widget.

Figure 11 Horizontal bar chart metrics

• Metrics display: Whether to display metrics.
• Metrics content: Content of metrics.
• Metrics font: Font, size, and color of the metric content.
• Metrics value type: Metric type, which can be sum, average, or custom.
• Metrics value: Set the value if the metrics value type is custom.
• Number font: Font, size, and color of the data.
• Metrics digit places: Number of digits after the decimal point.

Data

In the data settings, you can set the data source of the horizontal bar chart widget. For more information, see Data Access.

Interaction

In the interaction settings, you can configure interactions between the horizontal bar chart and other widgets or pages. For details, see Interaction Configuration.