flutter - 如何在 Flutter 中将数组分配给 fl_chart 中的点

Question

我是 Flutter 新手，刚开始使用 fl_charts这看起来真的很棒。但是，我正在努力超越演示 LineChartSample1。

sample code given here为点分配值如下:

  spots: [
    FlSpot(1, 1.4),
    FlSpot(2, 3.4),
    FlSpot(3, 2),
    FlSpot(4, 2.2),
    FlSpot(5, 1.8),
  ],

在现实生活中，这显然必须是动态的。因此，我需要从这样的数字数组中赋值:

myArray = [7578, 7547, 3578, 9875]

假设 FlSpot 的第一个参数只是一个序列，如 0、1、2、3 ...，第二个参数来自 myArray，我不知道如何将这个数组分配给点。

我需要像 FlSpot(x++, myArray[x]) 这样的循环。

Answer 1

抱歉回答晚了，我会按照 fl-chart 标签在前面回答。有一个名为 map 的运算符，它将您当前的数据转换为新的不同数据模型。你可以这样使用:

final List<double> yValues = [
    1.3,
    1,
    1.8,
    1.5,
    2.2,
    1.8,
    3,
  ];

List<FlSpot> spots =  
      yValues.asMap().entries.map((e) {
         return FlSpot(e.key.toDouble(), e.value);
      }).toList(),

// now spots are [
//    FlSpot(0, 1.3),
//    FlSpot(1, 1),
//    FlSpot(2, 1.8),
//    FlSpot(3, 1.5),
//    FlSpot(4, 2.2),
//    FlSpot(5, 1.8),
//    FlSpot(6, 3),
//  ];