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=77-How to customize the display text content of the funnel chart——VisActor/VChart FAQ documents!!!###!!!

How to customize the display text content of the funnel chart?

Question Description

I am currently working on drawing a funnel chart. I hope that the label in each funnel can customize the display content and display two different lines of text. At the same time, the label on the right also needs to be customized. How should I achieve this?

Similar to the figure below:

Solution

Like other VChart charts, the VChart funnel chart also supports customizing the style and content of each label. You can configure a callback function in the corresponding label configuration to customize the content of the text label. If the return value of the callback function of the text content is an array, the final displayed label content will also be displayed in multiple lines.

Code Example