Flutter : How to set fix width of Bar chart Column with scrolling x axis

Question

flutter_charts: ^0.1.10

https://pub.dev/packages/charts_flutter

https://pub.dev/documentation/charts_flutter/latest/flutter/BarChart-class.html

i Want set fix width of bar chart and need to scroll horizontal x axis.so it possible?

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

Answer 1

Why not use your desired column width to calculate what the parent width should be? Wrap the chart with a SizedBox, wrapped with a horizontal SingleChildScrollView. Set the width of the SizedBox to eg. 1.5 * desiredColumnWidth * columnCount. I don't know the exact padding between the columns, but it visually seems to be about half a column width.