用flutter写一段k线图
时间: 2024-06-08 09:11:12 浏览: 13
以下是一个简单的 Flutter K 线图实现,使用了 flutter_candlesticks 库:
```dart
import 'package:flutter/material.dart';
import 'package:flutter_candlesticks/flutter_candlesticks.dart';
class KLineChart extends StatelessWidget {
final List<Candle> data;
KLineChart({required this.data});
@override
Widget build(BuildContext context) {
return new OHLCVGraph(
data,
enableGridLines: true,
volumeProp: 0.2,
gridLineAmount: 5,
increaseColor: Colors.green,
decreaseColor: Colors.red,
neutralColor: Colors.grey[350],
backgroundColor: Colors.white,
dateTimeFormatter: (date) {
return '${date.year}-${date.month}-${date.day}';
},
);
}
}
```
使用时,只需传入一组 Candle 数据即可:
```dart
List<Candle> data = [
Candle(1553702400000, 38.0, 40.0, 36.0, 38.0),
Candle(1553788800000, 39.0, 41.0, 38.0, 40.0),
Candle(1553875200000, 40.0, 42.0, 39.0, 41.0),
Candle(1553961600000, 41.0, 43.0, 40.0, 42.0),
Candle(1554048000000, 42.0, 44.0, 41.0, 43.0),
Candle(1554307200000, 43.0, 45.0, 42.0, 44.0),
Candle(1554393600000, 44.0, 46.0, 43.0, 45.0),
Candle(1554480000000, 45.0, 47.0, 44.0, 46.0),
Candle(1554566400000, 46.0, 48.0, 45.0, 47.0),
Candle(1554652800000, 47.0, 49.0, 46.0, 48.0),
];
KLineChart(data: data)
```
这是一个简单的实现,你可以根据需求自定义更多样式和功能。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)