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=Gantt Chart Interaction - Drag Table Width——VisActor/VChart demo!!!###!!!!!!###!!!description=Guid: https://visactor.io/vtable/guide/gantt/Getting_Started. This example demonstrates how to make the width of the left task information table in the Gantt chart draggable. When the configuration item `frame.verticalSplitLineMoveable` is set to `true`, the vertical split line of the left task information table can be dragged. If you want to highlight the color of the vertical split line when hovering, you can configure `frame.verticalSplitLineHighlight`. To limit the range of the drag width, you can configure `listTable.minWidth` and `listTable.maxWidth`.!!!###!!!

Gantt Chart Interaction - Drag Table Width

Name
Gantt Chart

mobile

Guid: https://visactor.io/vtable/guide/gantt/Getting_Started.

This example demonstrates how to make the width of the left task information table in the Gantt chart draggable. When the configuration item frame.verticalSplitLineMoveable is set to true, the vertical split line of the left task information table can be dragged. If you want to highlight the color of the vertical split line when hovering, you can configure frame.verticalSplitLineHighlight. To limit the range of the drag width, you can configure listTable.minWidth and listTable.maxWidth.

PX
x
PX
%