Flutter 图表插件 fl_chart 使用研究（二）

在上一篇博文中 ，我们用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,
          ),
        ],
      ),
    );