Flutter 颤振：如何设置滚动x轴的条形图列的固定宽度

颤振图表：^0.1.10

我想设置条形图的固定宽度，并需要滚动水平x轴。所以有可能吗

import 'package:charts_flutter/flutter.dart' as charts;

final data = [
      new OrdinalSales('2014', random.nextInt(100)),
      new OrdinalSales('2015', random.nextInt(100)),
      new OrdinalSales('2016', random.nextInt(100)),
      new OrdinalSales('2017', random.nextInt(100)),
      new OrdinalSales('2018', random.nextInt(100)),
      new OrdinalSales('2019', random.nextInt(100)),
      new OrdinalSales('2020', random.nextInt(100)),
      new OrdinalSales('2021', random.nextInt(100)),
      new OrdinalSales('2022', random.nextInt(100)),
      new OrdinalSales('2023', random.nextInt(100)),
    ];
...
@override
  Widget build(BuildContext context) {
    return new charts.BarChart(
      seriesList,
      animate: animate,
    );
  }
...

---

为什么不使用所需的列宽来计算父列宽？用

SizedBox

包装图表，用水平

SingleChildScrollView

包装图表。将

SizedBox

的宽度设置为例如

1.5*desiredColumnWidth*columnCount

。我不知道列之间的确切填充，但从视觉上看，它似乎只有半个列宽。

您可以通过设置初始视口并将

滑动视口

和

平移行为

添加到图表中来实现这一点：

小部件构建（构建上下文）{
最终条形图显示=3；
返回新图表。条形图(
系列列表，
动画制作：动画制作，
domainAxis:charts.DateTimeAxisSpec(
视口：charts.DateTimeExtents(
开始：日期时间（数据。第一年），
结束：日期时间（数据[barsToDisplay-1].年），
),
),
行为：[
//添加此行为将允许点击一个条，使其在视口中居中
图表.滑动视口(
charts.SelectionModelType.action，
),
charts.PanBehavior（），
],
);
}

您找到解决方案了吗？或者，最好知道带垂直滚动条的horizontalbarchar。为什么不使用所需的列宽来计算父列宽？用

SizedBox

包装图表，用水平

SingleChildScrollView

包装图表。将

SizedBox

的宽度设置为例如

1.5*desiredColumnWidth*columnCount

。我不知道列之间的确切填充，但从视觉上看，它似乎只有半个列宽。@Ovidiu，经过测试，它可以工作。请随意发布您的悬赏答案。您找到解决方案了吗？此代码告诉我类型“DateTimeAxisSpec”不是类型“AxisSpec”的子类型。条形图构造函数不接受DateTime作为值，它只接受字符串。您如何解决这个问题？通过查看下面的示例回答了我自己的问题：。