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=96-How to display the complete information of the legend when hovering——VisActor/VChart FAQ documents!!!###!!!

How to display the complete information of the legend when hovering?

Problem Description

As shown in the figure below, the text of the legend is omitted. How to configure the hover to display the complete text?

Solution Solution

Different chart library solutions have different solutions. VChart supports complete text display with omitted text by default, and you only need to hover to display it.

Result display

Online effect reference: https://visactor.io/vchart/demo/legend/custom-data

Legend demo: https://visactor.io/vchart/demo/legend/custom-data

Legend tutorial: https://visactor.io/vchart/guide/tutorial_docs/Chart_Concepts/Legend

Legend configuration: https://visactor.io/vchart/option/barChart#legends-discrete.type

github: https://github.com/VisActor/VChart