title: How to draw line chart for Flutter app?
body: <p>At the moment, I have found 2 ways that could be used to draw line, which possibly could be improved into a line chart: </p>
  
  <ol>
  <li><p>using <code>canvas.drawCircle(..)</code> and <code>canvas.drawLine(..)</code> </p>
  
  <pre><code> canvas.drawCircle(new Offset(2.0, 5.0), 10.0, paint);
   canvas.drawCircle(new Offset(50.0, 100.0), 10.0, paint);
   canvas.drawLine(new Offset(2.0, 5.0), new Offset(50.0, 100.0), paint);
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ynFtN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ynFtN.png" alt="point_line"></a></p></li>
  <li><p>using <code>canvas.drawPoints(PointMode.lines, ..)</code> I prefer #2, because I can pass all points into one function <code>canvas.drawPoints(..)</code>.  </p>
  
  <pre><code> List offsetList = [new Offset(2.0, 5.0), new Offset(50.0, 100.0),];
   canvas.drawPoints(PointMode.lines, offsetList, paint);
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/HqiHK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HqiHK.png" alt="line"></a></p></li>
  </ol>
  
  <p>Paint object:</p>
  
  <pre><code>    final paint = new Paint()
    ..color = Colors.blue[400]
    ..strokeCap = StrokeCap.round
     ..style = PaintingStyle.fill;
  </code></pre>
  
  <p><strong>Question:</strong></p>
  
  <p>At the moment, I think #2 is a better way to draw line chart, but how can I make the points visible like #1? Do you know any other better ways that could be use to draw line chart?</p>