VChart 2.2.0
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 Data Story Framework

Intelligent visual storytelling, data story creation framework.

VSeed Data Seed

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

VGraph Relationship Explorer

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

!!!###!!!title=About vchart-extension——VisActor/VChart tutorial documents!!!###!!!!!!###!!!description=VChart extensions are a set of additional features provided for VChart, typically used in specific scenarios. VChart extensions include three types of content:- Charts- Components/Plugins- Algorithms for specific scenarios!!!###!!!

About VChart Extensions

VChart extensions are a set of additional features provided for VChart, typically used in specific scenarios. VChart extensions include three types of content:

  • Charts
  • Components/Plugins
  • Algorithms for specific scenarios

How to Get Extensions

There are several ways to get VChart extensions:

  • From npm
  • From CDN
  • From GitHub repository

Get from npm

# npm
$ npm install @visactor/vchart-extension

# yarn
$ yarn add @visactor/vchart-extension

For usage instructions, refer to the specific extension tutorials.

Get from CDN

You can get VChart-extension from the following free CDNs:

<!-- unpkg -->
<script src="https://unpkg.com/@visactor/vchart-extension/build/index.min.js"></script>

<!-- jsDelivr -->
<script src="https://cdn.jsdelivr.net/npm/@visactor/vchart-extension/build/index.min.js"></script>

Get from GitHub

You can directly get the source code of VChart-extension from GitHub:

  • You can clone the source code directly from GitHub.
  • You can also choose the corresponding version from the release page of VChart, click on the Source code under the Assets section, download it to your local machine, and extract it for use.

Sequence chart

Since VChart 2.2.0, the sequence chart is provided by the matching extension package. It combines events, links and statistics on a shared time axis. Import and call registerSequenceChart({ VChart }) from the extension package before use; existing specs remain unchanged.