VTable 1.25.0
Tutorials
Contributing
Options
API
FAQ
Changelogs
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 Data Story Framework

Intelligent visual storytelling, data story creation framework.

VSeed Data Seed

VSeed, an elegant data composer, transforming complexity into simplicity.

!!!###!!!title=tooltip——VisActor/VTable demo!!!###!!!!!!###!!!description=This example shows tooltips for four scenarios. 1. Set `tooltip.isShowOverflowTextTooltip` to `true` to enable overflow text prompts. When hovering over the text that is too long to be displayed, the text will be displayed. In this example, the text in the cells of the `Product Name` column is omitted, and you can hover over the cell to see the prompt information. 2. The description information of the table header is displayed by configuring `description`. 3. This example also shows how to actively display the tooltip through the interface. By listening to the `mouseenter_cell` event, when the mouse moves into the cell of the first column of order numbers, the interface `showTooltip` is called to display the prompt information. 4. Customize the prompt information of the icon, configure `headerIcon` in the `orderId` column to `order`, and configure `tooltip` in the configuration of the icon `order` to display the prompt information. The prompt information supports hovering to select and copy. When there is too much content, the maximum width and height can be configured for scrolling interaction.!!!###!!!

tooltip

mobile

This example shows tooltips for four scenarios.

  • Set tooltip.isShowOverflowTextTooltip to true to enable overflow text prompts. When hovering over the text that is too long to be displayed, the text will be displayed. In this example, the text in the cells of the Product Name column is omitted, and you can hover over the cell to see the prompt information.

  • The description information of the table header is displayed by configuring description.

  • This example also shows how to actively display the tooltip through the interface. By listening to the mouseenter_cell event, when the mouse moves into the cell of the first column of order numbers, the interface showTooltip is called to display the prompt information.

  • Customize the prompt information of the icon, configure headerIcon in the orderId column to order, and configure tooltip in the configuration of the icon order to display the prompt information.

The prompt information supports hovering to select and copy. When there is too much content, the maximum width and height can be configured for scrolling interaction.

PX
x
PX
%
Agent Editor
Share