我使用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,
);
@aswani-prakash 答案很好,
如果您希望标签可见,那么您只需旋转 x 轴标签即可。
BarChart(
...
domainAxis: charts.OrdinalAxisSpec(
renderSpec: charts.SmallTickRendererSpec(labelRotation: 60),
),
),
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)