This document is intended for users who have installed the Moving Bar Chart to learn the chart's features.
6.1
1.0.x
Initial Release
The Moving Bar Chart is a data visualization tool that combines classic bar charts with animation and dynamic updating.
Images can be placed both in the elements of a data chart, such as labels, and anywhere in the chart. Animation of transitions between states reduces the cognitive load, helping more easily track trends and anomalies.
Smooth transitions highlight key changes, simplifying analysis without manual data comparison. The ability to interact (pause and drilling down on hover) gives users control over the visualization, improving the user experience.
Synchronized movement of several columns facilitates comparison of the dynamics of different metrics (for example, the effectiveness of company departments).
The Moving Bar Chart is universal and suitable for various areas and adapts to different data update frequencies (seconds, hours, and days).
The following figure visualizes data from the Formula 1 race in Abu Dhabi.
The chart supports more than 110 parameters for customizing visualization through the online interface (zero-code), which will ensure the implementation of almost any of your needs.
Main parameter groupings include: columns, sliders, X-axis, Y-axis, tooltips, image embedding, chart positions, and properties.
Audio information is provided by pressing the top left of the component button .
For answers to your questions and consultations, please contact us in telegram: @codexproj or e-mail: info@codexproj.ru.
For details about how to install this chart plugin, see Plugin Management.
Download the sample data bar-race_data.xlsx and upload the data to FineBI.
(1) Click Component in the lower left corner.
(2) Click the Moving Bar Chart icon and adjust the data to fit the chart.
(3) Set parameters as required.
Parameters are anything that can be controlled to change the visualization in the chart, such as shapes, element colors, sizes, positions in the chart, element types, backgrounds, showing or hiding the element visualization, and more.
The list of parameters for the Moving Bar Chart is provided in the appendix.
The settings are configured on the tab in accordance with the example below.
(4) Set conditional formatting.
In Conditional formatting, you can configure changes in the visualization of elements based on events in the processed data, reaching the values of the corresponding indicators (such as colors and sizes).
(5) Set audio information.
Configure the audio information on the tab in accordance with the example below.
You can select a voice for the audio from a list available in the internet browser.
The final chart effect is the same as that in section “Chart Description.”
The following table lists supported parameters.
Set individual settings for each indicator
Columns
Column width
Columns / All columns
Line fill type
Columns / All Columns / Color
Column color
First column gradient color
Second column gradient color
Inner fill stroke
Columns / All Columns / Inner Fill Stroke
Symbol
Symbol size
Color of symbols
Angle of rounding
Columns / All Columns / Outline
Stroke line thickness
Outline color
Shadow
Show values
Columns / All Columns / Values
Position
Font size
Font style
Font
Indent
Turn
Color of values
Background color
Value frame
Columns / All Columns / Values / Frame
Rounding the frame
Frame line type
Frame color
Frame size
Columns / Column №… / Color
Columns / Column №… / Inner Fill Stroke
Columns / Column №… / Outline
Show image
Columns / Column №… / Picture
Display value with image
Column picture
Image size
Columns / Column №… / Values
Columns / Column №... / Values
Columns / Column №… / Values / Frame
Disable slider interaction
Slider
Show slider marks
Slider size by width
Keyboard support
Mirroring the slider
Line drawing step
Slider Mark Step
Show X-axis
X-axis
X-axis name
X-axis / Name
Color
Size
Text layout
Display
X-Axis / Labels
Outside/Inside Position
X-Axis / Axis Line
Thickness
X Axis / Ticks on Axis
X-Axis / Vertical Axis Lines
X-Axis / Vertical Bars
Odd stripe color
Even stripe color
Show Y axis
Y-axis
Y axis name
Y-axis / Name
Y-Axis / Labels
Y-Axis / Axis Line
Axis / Axis Ticks
Y-Axis / Horizontal Axis Lines
Y-Axis / Horizontal Bars
Invert Y-axis
Tooltip formula
Tooltip / Tooltip content
Show Tooltip
Tooltip
Tooltip text color
Tooltip/ Tooltip appearance
Tooltip background color
Rounding of borders
Tooltip border color
Border thickness
Place an image on the widget
Additional images on the widget / Image №…
Picture
Set position to left
Left indent
Set position to top
Top indent
Set position to right
Right indent
Set position to bottom
Bottom indent
Set image height
Image height
Set image width
Image width
Z-index
Image transparency
Show text
Additional images on the widget / Image №… / Text
Text formula
Text position
Text color
Frame width
Shadow horizontally
Shadow vertically
Shadow blur
Shadow color
Maximum selection policy
Position and properties of the graph / Setting up animation
Additional indent from maximum
Minimum Selection Policy
Additional indent from minimum
Frame rate (ms)
Pause after animation ends (ms)
Hang time on frame (ms)
Change of order
Show background and outer border
Position and properties of the graph / Framing
Background color outside widget
Background color inside widget
Stroke width
Distance from top edge
Position and properties of the graph
Distance from the bottom edge
Distance from left edge
Distance from the right edge
Use images in signature
Y-axis / Captions / Caption images
Use image
Y-axis / Captions / Caption images / Image №…
Meaning for the picture
滑鼠選中內容，快速回饋問題
滑鼠選中存在疑惑的內容，即可快速回饋問題，我們將會跟進處理。
不再提示
10s後關閉
Submitted successfully
Network busy