Align date/time labels towards vertical bottom

Author: h65wang

example/lib/main.dart

@@ -61,17 +61,18 @@ class _MyAppState extends State<MyApp> {
               trendLineColor: Colors.blueGrey[200]!,
               priceGridLineColor: Colors.blue[200]!,
               priceLabelStyle: TextStyle(color: Colors.blue[200]),
-              timeLabelStyle: TextStyle(color: Colors.indigo),
+              timeLabelStyle: TextStyle(color: Colors.blue[200]),
               selectionHighlightColor: Colors.red.withOpacity(0.2),
               overlayBackgroundColor: Colors.red[900]!.withOpacity(0.6),
               overlayTextStyle: TextStyle(color: Colors.red[100]),
+              timeLabelHeight: 32,
             ),
             overlayInfo: (candle) => {
               "💎": "🤚    ",
               "高": "${candle.high?.toStringAsFixed(2)}",
               "低": "${candle.low?.toStringAsFixed(2)}",
             },
-            timeLabel: (timestamp, count) => "📅",
+            timeLabel: (timestamp, count) => "<Date>",
             priceLabel: (price) => "${price.round()} 💎",
           ),
         ),

lib/chart_painter.dart

@@ -68,7 +68,13 @@ class ChartPainter extends CustomPainter {
         )
           ..textDirection = TextDirection.ltr
           ..layout();
-        timeTp.paint(canvas, Offset(x - timeTp.width / 2, params.chartHeight));
+
+        // Align texts towards vertical bottom
+        final topPadding = params.style.timeLabelHeight - timeTp.height;
+        timeTp.paint(
+          canvas,
+          Offset(x - timeTp.width / 2, params.chartHeight + topPadding),
+        );
       }
     }
   }