x 轴上的 charts_flutter 标签/文本相互重叠

Question

我在 flutter 中使用 charts_flutter 包渲染了条形图。但是 x 轴上的域标签相互重叠。有什么办法可以解决这个问题吗？有没有办法倾斜文本或增加图表的宽度，使其可以水平滚动？

我已经尝试搜索任何解决方案，例如 labelspecs，但无法找到解决方案。这是我的代码-

double maxheight = .80 * MediaQuery.of(context).size.height;
        var series = [
          new charts.Series(
            domainFn: (BarChartConfig barchartconfig, _) => barchartconfig.name,
            measureFn: (BarChartConfig barchartconfig, _) => barchartconfig.rowcount,
            colorFn: (BarChartConfig barchartconfig, _) => barchartconfig.color,
            id: 'Count',
            data: datacharts,
          )
        ]; 
        var chart = new charts.BarChart(
          series,
          animate: true,
          animationDuration: Duration(seconds: 2),
        );
        return SizedBox(
          height: maxheight,
          child: chart,
        );

Answer 1

@aswani-prakash 回答很好，

如果你想让你的标签可见，那么你可以简单地旋转 x 轴标签。

BarChart(
    ...
    domainAxis: charts.OrdinalAxisSpec(
              renderSpec: charts.SmallTickRendererSpec(labelRotation: 60),
       ),
 ),