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

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=30-How to add prompt information to the legend——VisActor/VChart FAQ documents!!!###!!!

How to add prompt information to the legend?

Problem Description

As shown in the picture below, the text of the legend has been omitted. I want to add prompt information to them and display the complete text. How to do this?

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.

Of course, you can also create your own tooltip component by listening to legend-related events. For details, please refer to this example: [Link](https://codesandbox.io/s/vchart-legend-custom-interaction-8qsx5z?file=/ src/index.ts)