Bar Chart reference
The Vizlib Bar Chart properties panel contains settings for data and dimensions, appearance, reference lines, tooltips, and interactivity.
Data - Dimensions, Measures, Data Handling, Sorting
Vizlib Bar Chart supports one dimension with multiple measures, or two dimensions with one measure.
The Data section adds dimensions and measures using Fields and Master Items, and supports alternative dimensions and measures for additional analysis options. For an example, see Bar Chart Setup Wizard.
Appearance
Appearance settings control the look and feel of the Vizlib Bar Chart.
A chart only displays if more than one metric or dimension has been added.
General
| Setting | Description |
|---|---|
| Title | The chart title. |
| Subtitle | The chart subtitle. |
| Footnote | The chart footnote. |
| Show Details | Displays descriptions and information for measures and dimensions. |
General
Presentation
Presentation settings control the outward appearance of the bar chart:
- Type - Group or Stack. When Stack is selected, the Stack 100% bar setting becomes available.
- Orientation - the chart orientation.
- Direction - the direction of the y-axis display.
- Bars Formatting - Groupbar width and Radius settings, and a Connected Bars option with an Opacity setting to distinguish connected bars from the values they connect.
Presentation
Bar Data Values Formatting sets the appearance of bar data values in the chart:
- Font Color, Font size mode, and Font Size Scale.
- Orientation and Align for the data values.
Bar Data Values
Scroll Preview displays the full set of available bars using a scrolling Mini chart, Advanced, or Basic scrollbar.
Scroll Preview
- Scroll Alignment - start or end of the chart.
- Scroll Position - Top or Bottom.
- Max bars before showing scroll - pre-defines the scroll range.
Hiding the scroll displays all bars and resizes them based on available space.
Scrollbar type options:
| Type | Description |
|---|---|
| Mini chart | A mini-chart scrollbar that supports scrolling and resizing. |
| Advanced | Supports scrolling and resizing. |
| Basic | Supports scrolling only. Width is fixed, determined by the number of bars set in the Set Threshold Limit property. |
Scrollbar Options
Colors and Legend
Colors and Legend settings define the chart's color source:
- A pre-defined collection of colors, or a custom color palette defined by a comma-separated list of hex color codes.
- Auto - inherits colors from master items (master measures and master dimensions); master item colors for dimension values are supported.
- Single color, color By dimension, or color By measure.
Coloring by expression is located in the Data section, using the Bar Color settings for Measures, and colors the bar based on any expression. Reverse Colors reverses the color palette. Persistent Color keeps colors from being reassigned. Null Value Colors defines colors for null values.
Colors
Setting Show Legend to On displays a legend in the bar chart:
| Setting | Description |
|---|---|
| Legend Position and Align | Top and Bottom positions align Left, Center, or Right. Left and Right positions align Top, Center, or Bottom. |
| Legend Font Color, Font Size | Text appearance for the legend. |
| Sort Legend By | Load order or Value, ascending or descending. |
| Char limit | Sets a character limit for dimension values that exceed a certain length. |
| Show Null Values in Legend, Show Legend Title | Toggle display of null values and the legend title. |
Legend
Grid Format
Grid Format settings control the chart grid, if displayed: Grid Style, Grid Color, Grid Opacity, and Grid Thickness.
Grid Format
X-Axis
When Axis is set to Show, X-Axis settings include:
- Position of the axis.
- Dimension Title - when shown, sets Color, Font Size, Label Font Size, and Label Font Style.
- Show alternative count - displays alternative dimensions.
- Show drilldown breadcrumbs - displays chart navigation.
X-Axis
Additional settings:
- Char Limit for dimension titles, and Enable multi-line labels.
- Axis Styling - Font Color, Font Size, Axis Line Color, and Axis Thickness.
Char Limit, Labels, Axis Styling
Y-Axis
Y-Axis settings include:
- Position of the axis.
- Dimension Title - when shown, sets Font Color, Font Size, Label Font Size, and Label Font Style.
- Show alternative count - displays alternative dimensions.
- Show drilldown breadcrumbs - displays chart navigation.
Y-Axis
Axis Styling settings:
| Setting | Description |
|---|---|
| Font Color, Font Size, Force Font Size | Text appearance for the axis. |
| Axis Line Color, Axis Thickness | Line appearance for the axis. |
| Ticks count, Axis Tick Format | Number and format of axis ticks. |
| Negative Format, Currency Format | Display format for negative values and currency. |
| Axis Range (min/max), smoothing | Sets the axis range; smoothing displays additional tick(s) so the bar's maximum height is less than the axis height. |
Axis Styling, Ticks, Axis Range
Reference Lines
Vizlib Bar Chart supports reference lines on both the y-axis and the x-axis.
| Setting | Description |
|---|---|
| Measure/Dimension Value | The measure or dimension against which the reference line is plotted. |
| Label | Edits the reference line's label. |
| Position | Position of the label: above (left) or below (right) the reference line. |
| Font | Font Color, Font Size, Font Style, and Text Opacity for the label. |
Value, Line, Font
Label Position and Align define the label's placement within the reference line. Outline, when enabled, adds Outline Background, Outline Border, Outline Stroke Width, and Outline Border Radius settings.
Align, Outline
Line settings define Line Color, Line Width, Line Opacity, and Line Style for a displayed reference line. A reference line can be shown or hidden based on a calculation condition.
Line
Viztips and Tooltips
Viztips and Tooltips settings manage tooltips in Vizlib Bar Chart, including dynamic tooltips via Viztips. For an overview, see Legacy Viztips for Qlik Sense.
Viztips and Tooltips
Setting Tooltips to Enabled makes the Viztips option available for dynamic tooltips. See Viztips for more information.
Viztips and Tooltips
Viztips Content
Viztips Content settings include a drop-down for selecting the master item, a copy function for Viztips placeholder tags, and a link to the Viztips tutorial.
Viztips Content
Viztips Settings
Viztips Settings sliders set the height and width of the Viztips object in the chart.
Viztips Settings
Interactivity and Alternate State
These settings control user interaction with chart data and assign the Vizlib Bar Chart to an alternate selection state.
Interactivity
Interactivity settings control how a user interacts with chart data and navigates the chart view in analysis mode:
| Setting | Description |
|---|---|
| Allow Selections | Moves the chart out of read-only mode. |
| Enable Multiselect | Allows selecting more than one value at a time. |
| Animations | Enables chart animations. |
| Warning message | Displays a warning message. |
| Extended Context Menu | Enables the extended context menu (see below). |
| Full screen Icon | Allows maximizing the object. |
| Show Snapshot Icon | Takes snapshots of the object. Since the Qlik Sense September 2020 release, this is part of the Hover menu and is no longer controlled from the property panel. |
Interactivity
In analysis mode, the extended context menu contains:
- Open snapshot library
- Axis and Legends display
- Show All Values (hide or show)
- Orientation - Horizontal or Vertical
- Display Type selection
- Show details
- Take snapshot
- Embed Chart into a web page
- Export - Image, PDF, or chart data
Extended Context Menu
Alternate State
Alternate State settings assign the Vizlib Bar Chart to an alternate selection state, used to perform comparative analysis between sets of multiple data items. Adding the object to master visualizations requires the state to be set to Inherited.
The Alternate States Manager disables the object when the app is published. Show Alternate State Icon displays an icon. For more information on alternate states, see Qlik's alternate states documentation.
Alternate States