33-How to customize the tooltip display content in a dual axis chart—

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=33-How to customize the tooltip display content in a dual axis chart——VisActor/VChart FAQ documents!!!###!!!

Question Description

I am using VChart, as shown in the following figure. How should I hide the information of the bar series in the dimension tooltip and only display the information of the line series?

Solution

VChart's tooltips can be configured not only at the chart level, but also at the series level. You can turn off the dimension tooltip in the spec of the bar series. As shown in the following demo:

Code Example

Result

Quote

github：https://github.com/VisActor/VChart

option docs: https://www.visactor.io/vchart/option/barChart#tooltip.dimension.visible

How to customize the tooltip display content in a dual axis chart?