Fl_chart: Horizontal Bar Chart

Created on 22 Jan 2021  路  6Comments  路  Source: imaNNeoFighT/fl_chart

It would be nice to have a horizontal bar chart on the Sample charts, thats a very useful way to show data

Most helpful comment

Hey @imaNNeoFighT,

first thanks for this great framework, it brings really functionality with it which other chart frameworks miss.

Now in terms of the horizontal bar charts, we also wanted to point out that we would need them. For now we used an workaround by wrapping the BarChart in:

RotatedBox(
      quarterTurns: -1,
      child: BarChart(

and rotate the titles like so:

topTitles: SideTitles(
              showTitles: true,
              getTextStyles: (value) => labelStyle,
              rotateAngle: 90,
              getTitles: (double value) {
                return data.toString();
              },
            )

But of course this is not the best solution. So it would be great if the framework would support this at some point.

Thank you

All 6 comments

Hi, Unfortunately, we don't support it yet.
We have an open issue about it. you can follow it up here #113.

Also, you can thumb it up to bring it to the top of my priority list.

Hey @imaNNeoFighT,

first thanks for this great framework, it brings really functionality with it which other chart frameworks miss.

Now in terms of the horizontal bar charts, we also wanted to point out that we would need them. For now we used an workaround by wrapping the BarChart in:

RotatedBox(
      quarterTurns: -1,
      child: BarChart(

and rotate the titles like so:

topTitles: SideTitles(
              showTitles: true,
              getTextStyles: (value) => labelStyle,
              rotateAngle: 90,
              getTitles: (double value) {
                return data.toString();
              },
            )

But of course this is not the best solution. So it would be great if the framework would support this at some point.

Thank you

Hey @imaNNeoFighT,

first thanks for this great framework, it brings really functionality with it which other chart frameworks miss.

Now in terms of the horizontal bar charts, we also wanted to point out that we would need them. For now we used an workaround by wrapping the BarChart in:

RotatedBox(
      quarterTurns: -1,
      child: BarChart(

and rotate the titles like so:

topTitles: SideTitles(
              showTitles: true,
              getTextStyles: (value) => labelStyle,
              rotateAngle: 90,
              getTitles: (double value) {
                return data.toString();
              },
            )

But of course this is not the best solution. So it would be great if the framework would support this at some point.

Thank you

How would I rotate BarTouchData

barTouchData: BarTouchData( enabled: false, touchTooltipData: BarTouchTooltipData( tooltipBgColor: Colors.transparent, tooltipPadding: const EdgeInsets.all(0), tooltipBottomMargin: Constant.sizeExtraSmall, fitInsideHorizontally: true, getTooltipItem: ( BarChartGroupData group, int groupIndex, BarChartRodData rod, int rodIndex, ) { return BarTooltipItem( rod.y.round().toString() + "%", AppStyle.normalText(color: AppColors.primaryText), ); }, ), )

I would love an update on this, a horizontal chart would be great. Or at least a way to rotate BarTouchData.

This is a closed issue.
Follow #113 and thumb it up.

Was this page helpful?
0 / 5 - 0 ratings