如何修复颤动水平条形图中条形的高度

Question

In flutter charts, the horizontal chart automatically stretches according to the height of the screen. Is there any way through which I may fix the height of the bars so that it may not stretch to the entire screen?

Answer 1

Simple add your chart in the ConstrainedBox like this -

ConstrainedBox(
  constraints: BoxConstraints.expand(height: 200.0), // give the height according to you
   child : Your_Chart_here(), // your chart here
),

Answer 2

You can try to wrap BarChart in to SizedBox (to set size), wrapped with SingleChildScrollView (to scroll it).

In pseudocode

- SingleChildScrollView
       - SizedBox
              - charts.BarChart

Flutter

SingleChildScrollView(
  child: SizedBox(
    height: 2000,
    child: HorizontalBarLabelChart(
      getData(),
    ),
  ),
),

Size calculation

Height of the SizedBox can be calculated base on number of data, eg:

numerOfElements * 50

Before

For 100 elements

After

For 100 elements (so height is 5000 because 100 * 50 )