VChart 1.13.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 Relationship Explorer plus

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

!!!###!!!title=Custom Legend Interaction——VisActor/VChart demo!!!###!!!!!!###!!!description=Discrete legends provide data filtering interactions by default. If you need to customize the selection interaction, you can first turn off the `select` configuration of the `legend`. Then implement through events and state update APIs. This example demonstrates how to implement the interaction of hovering over a legend item to highlight the corresponding graphic element.!!!###!!!

Custom Legend Interaction

Name
Bar Chart
Target
Comparison
Distribution
Rank
Shape
Rectangle
Component
Legend

mobile

Discrete legends provide data filtering interactions by default. If you need to customize the selection interaction, you can first turn off the select configuration of the legend. Then implement through events and state update APIs. This example demonstrates how to implement the interaction of hovering over a legend item to highlight the corresponding graphic element.

PX
x
PX
%