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 Data Story Framework

Intelligent visual storytelling, data story creation framework.

VSeed Data Seed

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

!!!###!!!title=72-How to set column width in bar chart——VisActor/VChart FAQ documents!!!###!!!

How to set column width in bar chart?

Question Description

Because the amount of data is uncertain, when there is too little data, the columns of the histogram are too wide and do not conform to the design draft. How can I configure the column width to be narrowed? At the same time, when there is a lot of data, the column can maintain its original width.

Solution

VChart's column chart provides configuration items that can set the width of the column.

bandWidth directly sets the width of the column
barMinWidth The minimum width of the column
barMaxWidth The maximum width of the column

This requirement should be solved using barMaxWidth, just set it to the maximum width in the design draft.

Code Example