Flutter 图表插件 fl

图表插件 fl"/>

Flutter 图表插件 fl

在上一篇博文中 ，我们用fl_chart插件画出了一个最简单的两条曲线的折线图，下面再说以下其余的参数的含义。

回顾以下上一篇结尾的代码：

return LineChart(LineChartData(lineBarsData: [LineChartBarData(spots: spots1,),LineChartBarData(spots: spots2,),],),);

我们知道，lineBarsData参数，代表我们要画的曲线，它是一个LineChartBarData对象的数组，每一项代表一条曲线。在LineChartBarData类的构造函数中，spots命名参数代表曲线上点的集合。

接着再看看LineChartBarData类构造函数的其他命名参数的含义吧。（比较重要的）

colors：颜色数组，曲线的颜色，如果数组中只有一个颜色，那么画出的曲线是单一颜色的，否者就会有渐变颜色效果。

barWidth：线宽度。

isCurved：上面的代码，画出的曲线是折线，也就是不带平滑处理的，如果希望画出的线是平滑的，需要在LineChartBarData类的构造函数中指定isCurved参数，值为true.

LineChartBarData类的其他构造参数，含义请读者自行研究吧。

在上面的代码中，加入上面说的几个参数，运行一下看看效果。

return LineChart(LineChartData(lineBarsData: [LineChartBarData(spots: spots1,isCurved: true,colors: [Colors.green, Colors.blue],barWidth: 4.0,),LineChartBarData(spots: spots2,isCurved: true,colors: [Colors.yellowAccent],barWidth: 2.0,),],),);