VTable 1.25.0
Tutorials
Contributing
Options
API
FAQ
Changelogs
Playground
VChart Story Teller

Not only an out-of-the-box multi-terminal chart library, but also a vivid and flexible data storyteller.

VTable Checkered Artist

Not only a high-performance multi-dimensional data analysis form, but also a grid artist created between rows and columns.

VGrammar Data Magician

It is not only a visual grammar that generates thousands of charts, but also a data magician who turns boring into magic.

VRender Visual Rendering

Not only a visual rendering engine with rich functions, but also a handy pen.

VMind Smart Visualization Suit

Not just automatic, but also fantastic.

VStory Data Story Framework

Intelligent visual storytelling, data story creation framework.

VSeed Data Seed

VSeed, an elegant data composer, transforming complexity into simplicity.

!!!###!!!title=appear animationt——VisActor/VTable tutorial documents!!!###!!!!!!###!!!description=VTable provides entry animation function, supports displaying the gradual entry effect when the table is initialized, and supports configuring the animation direction, duration, delay, etc.<div style="display: flex; justify-content: center;"> <img src="https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/appear-animation.gif" style="flex: 0 0 50%; padding: 10px;"></div>!!!###!!!

Table entry animation

VTable provides entry animation function, supports displaying the gradual entry effect when the table is initialized, and supports configuring the animation direction, duration, delay, etc.

Entry animation configuration items

In option, animationAppear is the configuration item for the entry animation, and currently supports the following configurations:

You can configure true to enable the default animation, or you can configure the animation parameters:

  • type The type of the entry animation, currently supports all and one-by-one, and the default is one-by-one
  • direction The direction of the entry animation, currently supports row and column, and the default is row
  • duration The duration of a single animation, in milliseconds, for one-by-one, it is the duration of one animation, and the default is 500
  • delay The delay of the animation, in milliseconds; for one-by-one, it is the time difference between the two animations, for all, it is the delay of all animations, and the default is 0

For specific usage, please refer to demo