Flutter自定义系列之折线波动图，心率图，价格走势图

随着前两篇文章的学习，我今天继续给大家演示下简单的自定义之折线波动图，心率图，价格走势图。

这里，我们创建一个自定义的StatefulWidget，用于显示动态的价格线。

我们将使用CustomPaint和CustomPainter来绘制价格线。

在lib/main.dart文件中添加以下代码：

import 'dart:async';
import 'dart:math';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('动态价格线')),
        body: DynamicPriceLine(),
      ),
    );
  }
}

class DynamicPriceLine extends StatefulWidget {
  @override
  _DynamicPriceLineState createState() => _DynamicPriceLineState();
}

class _DynamicPriceLineState extends State<DynamicPriceLine> {
  List<double> prices = List.generate(100, (index) => 50);
  Timer _timer;

  @override
  void initState() {
    super.initState(