LogoLogo
  • CHARTS USER GUIDE
    • Introduction
    • Angular Gauge Chart
    • Bar/Column Chart
    • Bubble Chart
    • Bullet Chart
    • Calendar Heatmap Chart
    • Column Range Chart
    • Combination Chart
    • Dumbbell Chart
    • Filter Chart
    • Funnel Chart
    • Grid Chart
    • Table heatmap
    • Histogram Chart
    • KPI Animation Chart
    • KPI Ring Chart
    • Line/Area line Chart
    • Mekko Chart
    • Packed Bubble Chart
    • Pie Chart
    • Polar Charts
    • Sankey Chart
    • Simple KPI Chart
    • Slope Chart
    • Sparkline Chart
    • Stacked Column/Bar
    • Text Node
    • Tornado Chart
    • Trellis Chart
    • Variwide Chart
    • Waffle Chart
    • Waterfall Chart
    • Wordcloud Chart
    • Workstation
    • Allow/Block URLs
    • Animation Duration
    • Attribute Forms
    • Auto Scroll
    • Axes
    • Background Images
    • Backward Compatibility
    • Bar/Column Width
    • Color Picker with Opacity
    • Connect Null Points
    • Custom Markers
    • Custom SVG Markers
    • Data Markers
    • Data label customization
    • Dossiers/Documents differences
    • Drilling
    • Error Bars
    • Export to PDF
      • Export engine local resource set up
    • Formatting metric data
    • Gradient Threshold
    • Legend
    • Negative Sign
    • Pattern Fill
    • Play Animation
    • Plot lines/Reference lines
    • Reset color property
    • Reset font properties
    • Right Click Menu
    • Right-to-left Support
    • Series using Attribute
    • Small Multiples
    • Smooth Line
    • Tooltip Customization
    • Tooltip Links
  • GRID/MICROCHART GUIDE
    • Appearance
    • Auto Size
    • Column Totals
    • Context Menu
    • Creating a micro chart
    • Custom markers
    • Custom Editor
    • Filter Data
    • Format/Clear Format
    • Grand Total
    • Pivoting and Row Grouping
    • Horizontal Bars/Pins
    • Embed Images
    • Manage Scaling Grouping
    • Manage Column Grouping
    • Manage Metric Grouping
    • Pin Column
    • Reorder columns
    • Reset Columns
    • Show/Hide Column
    • Sorting
    • Subtotals
    • Thresholds
    • Tooltip
    • Transparency
    • Trend Lines
    • Value Aggregation
    • Variance
  • MAPS USER GUIDE
    • Creating New Maps
    • Custom Layouts
    • Customization of the Map chart
    • Default Maps
    • Formatting Options
    • Generic Merge tool
    • US map using counties data
    • US Map using ZIP Codes
  • IBCS USER GUIDE
    • IBCS
      • Why IBCS
      • Mapping IBCS Scenarios
      • Negative Metrics
      • Scaling Multiple Charts
    • CERTIFIED CHARTS
      • Multi-tier Bar chart
      • Multi-tier Column chart
      • Small Multiples
      • Vertical Waterfall
  • CUSTOMIZATION GUIDE
    • Introduction
    • Custom CSS
    • Custom CSS Samples
    • Custom Color Palette
    • Custom Fonts
    • Condensed Metric Format
    • Disable Edit button
    • Grid Custom CSS
    • Localization
  • FAQ
    • Contact Us
    • FAQS
  • INSTALL DOCS
    • Installing on MicroStrategy Web
    • Installing on MicroStrategy Desktop/Workstation
    • Installing on MicroStrategy Library
    • Installing on MicroStrategy Mobile
    • Release Notes
    • Release Notes Maps
Powered by GitBook
On this page
  • The Power of Animation in Charts:
  • The Impact of Charts on Data Visualization:
  • Introducing Animation Duration in Angular Gauge Chart
  • Chart Animation Configuration (Introduced in Version 5.3.5)
  • Enable/Disable Animation in Vitara Charts Globally
  • File Location:
  • How to Configure Animation

Was this helpful?

  1. CHARTS USER GUIDE

Animation Duration

PreviousAllow/Block URLsNextAttribute Forms

Last updated 1 month ago

Was this helpful?

The Power of Animation in Charts:

In Modern's data-driven world, effective visualization is crucial for deriving insights and making informed decisions. Chart animations bring a dynamic and innovative touch to data representation by incorporating motion.

This option is available for series, particularly in chart types that support series-specific animations, such as: Column , Bar , Sparkline ,Line , Area , Tornado , Stacked column , Stacked bar.

The Impact of Charts on Data Visualization:

Users can customize the animation duration to fit their preferences, either speeding up or slowing down animations as needed. This flexibility is especially useful when working with large datasets, as it allows for improved performance and optimized load times through adjustable speeds.

By default, the animation duration is set to 1001ms, but users can modify it as required. For example, setting the duration to 1ms effectively disables animations, enabling faster chart rendering—an essential feature for handling large datasets efficiently.

Additionally, users can customize the animation duration for individual series or apply a uniform duration (e.g., 1ms) across all series, ensuring the best possible performance for their specific use case.

Introducing Animation Duration in Angular Gauge Chart

Starting from version 5.3.4, an Animation Duration option has been introduced in the Angular Gauge Chart. This feature allows users to customize the duration of the animation, providing flexibility to tailor the chart's visual experience based on specific requirements.

This option is available in the Gauge tab of the Property Editor. Please refer to the screenshot below for more details.

Chart Animation Configuration (Introduced in Version 5.3.5)

Starting from version 5.3.5, the animation option for charts can now be toggled on or off, providing greater flexibility for customizing chart behavior. This allows users to control the visual transition effects, improving the overall presentation of data.

To configure the animation, navigate to the specific tab for each chart. The animation setting is available for the following chart types:

  • Angular Gauge: Available under the Gauge tab.

  • Column/Bar Chart: Available under the Column/bar tab.

  • Stacked Column/Bar Chart: Available under the Stacked Bar/Column tab.

  • Sparkline/Line/Area : Available under the Line tab

  • Tornado: Available under theTornado tab.

Note: Starting from version 5.3.5, the animation option has been removed from the Series tab and is now only configurable through the respective chart tabs listed above.

Please refer to the screenshots below for references to the Column and Angular Gauge Charts.

Enable/Disable Animation in Vitara Charts Globally

In the Vitara Charts 5.3.5 release, we have introduced an enhancement that allows users to enable or disable animation across all visualizations.

An option in the ‘global.txt’ file:

A property is included in the global.txt file. By using this property, you can enable/disable the “animation” in all the dossiers/documents where Vitara Charts are used.

Below is the screenshot of this property from the global.txt file.

File Location:

The global.txt file can be found in the following locations:

  • For MSTR Web Application: webapps\MicroStrategy\plugins\VitaraCharts\custom

  • For MSTR Library Application: webapps\MicroStrategyLibrary\plugins\VitaraCharts\custom

📌 Note: The respective global.txt file must be configured separately for both web and library applications.

How to Configure Animation

In the global.txt file, set the following property:

Default Setting: chart.animation=1 (Animation is enabled by default.)

  • This ensures that all charts display animation automatically, without requiring manual activation in each chart’s editor menu.

To Disable Animation: Set chart.animation=0 to turn off animation globally.