VChart 1.12.11
Tutorials
Contributing
Options
API
FAQ
Themes 🌼
Changelogs
Online Customization
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 Relationship Explorer plus

It is not only a fully functional graph visualization library, but also an explorer of data relationships.

!!!###!!!title=Double Axis with Load——VisActor/VChart demo!!!###!!!!!!###!!!description=Animation execution process: 1. Entrance animation: executed during the first rendering The entry animation of the line series in the dual-axis chart includes: - Growth: point primitives and line primitives, growing upward - Loading: The graphic element is viewed as a whole and expanded to the right Entry animations for column series in dual-axis charts include: - Highlight: The transparency of the graphics elements is changed in sequence according to the dimension grouping. 2. Normal animation: Carousel animation every interval. The normal animations of the line series in the dual-axis chart include: - Growth: point primitives and line primitives, growing upward - Loading: The graphic element is viewed as a whole and expanded to the right The normal animations of the column series in the dual-axis chart include: - Highlight: The transparency of the graphics elements is changed in sequence according to the dimension grouping. This case includes: Admission: Loading, Highlighting + Normal: Loading, Highlighting!!!###!!!

Double Axis with Load

Name
Common Chart
Target
Comparison
Composition
Proportion
Component
Animation

mobile

Animation execution process:

  • Entrance animation: executed during the first rendering

The entry animation of the line series in the dual-axis chart includes:

  • Growth: point primitives and line primitives, growing upward
  • Loading: The graphic element is viewed as a whole and expanded to the right

Entry animations for column series in dual-axis charts include:

  • Highlight: The transparency of the graphics elements is changed in sequence according to the dimension grouping.
  • Normal animation: Carousel animation every interval.

The normal animations of the line series in the dual-axis chart include:

  • Growth: point primitives and line primitives, growing upward
  • Loading: The graphic element is viewed as a whole and expanded to the right

The normal animations of the column series in the dual-axis chart include:

  • Highlight: The transparency of the graphics elements is changed in sequence according to the dimension grouping.

This case includes: Admission: Loading, Highlighting + Normal: Loading, Highlighting

PX
x
PX
%