Horizontal Bar Chart
Configurable options for the horizontal bar chart.
A horizontal bar chart is similar to a bar chart, with the difference being that the bars are drawn horizontally.
The suitable scenarios are similar to those for a bar chart. If you want to display longer labels for the independent variable, a horizontal bar chart is more appropriate.
Basic Mode
In basic mode, drawing a horizontal bar chart requires:
- Y-axis and Data: select columns via the dropdown menus. These are required.
- Color Scheme: select a color scheme from the dropdown. The default is the "Default" color scheme.
- Template: select a template using the "Change" button. If not selected, the default template is used.
- Visibility: specify whether the X-axis, Y-axis, tooltip, and legend are visible. By default, the Y-axis and tooltip triggered by the cursor are displayed.
Advanced Mode
In advanced mode, more option values can be adjusted.
Axis
This includes both X and Y axes.
- Corresponding Column (X, Y): select columns from the data using the dropdown. Y is required, and X is optional. If no X column is selected, the chart will automatically adjust.
- Visibility: controlled via the toggle button above.
- Line Color: the default is , indicating that the axis line is not displayed. You can click to select a color from the color palette or enter a HEX value to specify your preferred color. indicates using the default color.
- Line Width: specifies the thickness of the axis line.
Ticks and labels:
- Label: configure the color, font weight, and rotation angle of the labels.
- Format: use formulas to process the label text.
- Line: by default, it is not displayed. When enabled, you can configure the thickness and length of the ticks.
- Layout: configure the minimum distance between ticks and the spacing between ticks and labels.
- Numeric: when the axis column corresponds to numeric data, you can specify the number of ticks.
- Inside: controls whether the ticks and labels are displayed inside or outside the axis.
Chart/Horizontal Bar
A chart can display multiple groups of horizontal bars, and you can add or remove them using the and buttons at the top right corner of the panel.
For each horizontal bar group, the options include:
- Data: select a column from the data using a dropdown menu.
- Fill: configure the fill color, opacity, and whether to enable gradient colors for the bar.
- Stroke: configure the style of the bar's outline, which is hidden by default. You can set the color, thickness, and dash type.
- Bar: configure the width and corner radius of the bars. The width can be set using either an absolute value or a percentage.
- Label: by default, bar labels are not displayed. When enabled, you can configure the color, font size, position, and offset.
- LabelOfKey: the key label represents the Y variable's label and is hidden by default. When enabled, you can configure the color, font size, position, and offset. It is generally used to display the Y label inside the bar.
Layout
Includes:
- Margin: configure the top, bottom, left, and right margins of the drawing area (including the axis).
- Grid: configure whether the horizontal and vertical gridlines are displayed.
- Stack: configure whether multiple horizontal bar groups are stacked and the stacking style. By default, stacking is not used, and the bars are arranged vertically next to each other. If you have multiple data series, a stacked bar chart can display the contribution of different parts to the overall total.
Description
Used to configure the display of supplementary information for the chart.
- Title: configure the title of the chart, located at the top of the chart.
- Description: configure the description of the chart, located below the title.
- Footer: configure the footer text of the chart, located at the bottom of the chart.
- Tooltip: configure whether to display the tooltip, its offset, and whether the cursor line is shown.
- Legend: configure whether to display the legend, its position on the chart. By default, it is positioned at the bottom of the chart, below the X-axis and above the footer text.