HighChart图表高度无法超过400px问题求助(Flutter Android端)
解决Flutter high_chart插件Android端高度无法设置的问题
针对你遇到的high_chart: ^2.0.3插件在Android端图表高度固定为400、无法通过size参数设置为600的问题,提供以下几种解决方案:
用Container包裹HighCharts组件
直接给HighCharts设置size参数在Android端可能受WebView默认布局限制,通过外层Container指定固定高度,配合size参数一起使用,强制约束组件尺寸:@override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.teal, appBar: AppBar( centerTitle: true, title: const Text('High Charts Example App'), ), body: Container( height: 600, width: 400, child: HighCharts( loader: const SizedBox( child: LinearProgressIndicator(), width: 200, ), size: Size(400, 600), data: _chartData, scripts: const [ "https://cdnjs.cloudflare.com/ajax/libs/highstock/6.0.3/highstock.js", 'https://code.highcharts.com/modules/networkgraph.js', 'https://code.highcharts.com/modules/exporting.js', ], ), ), ); }在图表配置数据中指定高度
直接在Highcharts的配置数据_chartData中添加chart.height属性,直接作用于Highcharts实例,覆盖插件的size参数限制:// 假设你的_chartData是Map类型,添加chart配置 final Map<String, dynamic> _chartData = { "chart": { "height": 600, "width": 400 }, // 你的其他图表配置(比如series、xAxis等) };升级插件版本
high_chart: ^2.0.3版本可能存在Android端WebView适配问题,尝试升级到最新版本,新版本可能修复了该尺寸约束的bug。
内容的提问来源于stack exchange,提问作者biruk
相关产品推荐
相关产品推荐

