Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Horizontal Bar Chart #552

Closed
JavierOramas opened this issue Jan 22, 2021 · 6 comments
Closed

Horizontal Bar Chart #552

JavierOramas opened this issue Jan 22, 2021 · 6 comments

Comments

@JavierOramas
Copy link

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

@imaNNeo
Copy link
Owner

imaNNeo commented Jan 30, 2021

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

@imaNNeo imaNNeo closed this as completed Jan 30, 2021
@imaNNeo
Copy link
Owner

imaNNeo commented Jan 30, 2021

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

@Yetispapa
Copy link

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

@dhorajiaabhishek
Copy link

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),
          );
        },
      ),
    )````

@jacksonw765
Copy link

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

@imaNNeo
Copy link
Owner

imaNNeo commented Mar 17, 2021

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants