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=Axis label autoWrap——VisActor/VChart demo!!!###!!!!!!###!!!description=The coordinate axis labels of the Cartesian coordinate system have the capability to automatically wrap when exceeding the limit length, which can be enabled through the `autoWrap` property. At the same time, the maximum number of lines for wrapping can be configured through the `label.style.lineClamp` property. Currently, for the Cartesian coordinate system, the default vertical display space limitation for the y-axis is 30% of the chart height or width. If you enable the axis label's `autoWrap`, it will automatically wrap once the axis space exceeds the limit. Automatic line wrapping (`autoLimit`) and automatic label rotation (`autoRotate`) are both optimization strategies for excessively long text. They cannot be effective at the same time. If `autoRotate` is enabled, the automatic rotation strategy will be used preferentially.!!!###!!!

Axis label autoWrap

Name
Bar Chart
Target
Trend
Comparison
Shape
Rectangle
Component
Animation
Axis

mobile

The coordinate axis labels of the Cartesian coordinate system have the capability to automatically wrap when exceeding the limit length, which can be enabled through the autoWrap property. At the same time, the maximum number of lines for wrapping can be configured through the label.style.lineClamp property.

Currently, for the Cartesian coordinate system, the default vertical display space limitation for the y-axis is 30% of the chart height or width. If you enable the axis label's autoWrap, it will automatically wrap once the axis space exceeds the limit.

Automatic line wrapping (autoLimit) and automatic label rotation (autoRotate) are both optimization strategies for excessively long text. They cannot be effective at the same time. If autoRotate is enabled, the automatic rotation strategy will be used preferentially.

PX
x
PX
%