Flutter 颤振无法在折线图中设置坐标?
我在折线图中遇到了一些问题。我正在从sq lite数据库获取x和y数据。而且它应该设置 在折线图中。活动开始时图表显示为空。但只有点击图表的值才是设置中的值 图表。 我正在使用charts\u flatter-dart包进行实现。 我犯错误的地方。任何解决方案Flutter 颤振无法在折线图中设置坐标?,flutter,dart,Flutter,Dart,我在折线图中遇到了一些问题。我正在从sq lite数据库获取x和y数据。而且它应该设置 在折线图中。活动开始时图表显示为空。但只有点击图表的值才是设置中的值 图表。 我正在使用charts\u flatter-dart包进行实现。 我犯错误的地方。任何解决方案 Future graph_initialize() { Future<List<Map>> noteListFuture1 = dbHelper.get_lactation_curve("${widget.val
Future graph_initialize() {
Future<List<Map>> noteListFuture1 = dbHelper.get_lactation_curve("${widget.value.tag}");//fetching data from databse
noteListFuture1.then((noteList) {
for(int i=0;i<noteList.length;i++){
print(noteList[i]["Days"].toString()+","+noteList[i]["Milk_Yield"].toString());
milking_data.add( new Sales(noteList[i]["Days"], noteList[i]["Milk_Yield"]));
}
_serieslineData.add(charts.Series(
colorFn: (__, _) => charts.ColorUtil.fromDartColor(Colors.red),
id: 'lac',
data: milking_data,// here data is setting
domainFn: (Sales sales, _) => sales.yearval,
measureFn: (Sales sales, _) => sales.salesval));
setState(() {
});
});}
@override
void initState() {
super.initState();
_serieslineData = List<charts.Series<Sales, int>>();
graph_initialize();//function call
}
Widget show_chart(){
return Padding(
padding: EdgeInsets.all(8),
child: Container(
height: 300,
child: Column(
children: <Widget>[
Text('Lactation Curve',
style: TextStyle(fontSize: 16, fontFamily: 'Montserrat',fontWeight: FontWeight.bold)),
Expanded(
child: charts.LineChart(_serieslineData,
animate: false,
domainAxis: charts.NumericAxisSpec(
tickProviderSpec:
new charts.BasicNumericTickProviderSpec(
desiredTickCount: 11,
),
viewport: charts.NumericExtents(
0,
300,
)),
animationDuration: Duration(seconds: 3),
behaviors: [
charts.ChartTitle('Milk Yield',
behaviorPosition: charts.BehaviorPosition.start),
charts.ChartTitle('Days in Milk',
behaviorPosition: charts.BehaviorPosition.bottom),
charts.ChartTitle(
'',
),
charts.ChartTitle(' ')
])),
Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[label(Colors.red,'Lac'),
label(Colors.lightBlueAccent,'Milk(kg)'),
label(Colors.amber,'A.I'),
label(Colors.green,'Pregnant'),
label(Colors.blueGrey,'Vaccination'),
label(Colors.black,'Treatment'),
],
),
)
],
),
),
);
}
Future图_initialize(){
Future noteListFuture1=dbHelper.get_哺乳_曲线(“${widget.value.tag}”);//从数据库中获取数据
noteListFuture1.然后((noteList){
对于(int i=0;i charts.ColorUtil.fromDartColor)(Colors.red),
id:'lac',
data:milking_data,//这里是数据设置
domainFn:(Sales-Sales,)=>Sales.yearval,
measureFn:(Sales-Sales,)=>Sales.salesval);
设置状态(){
});
});}
@凌驾
void initState(){
super.initState();
_serieslineData=List();
graph_initialize();//函数调用
}
小部件显示图表(){
返回填充(
填充:边缘设置。全部(8),
子:容器(
身高:300,
子:列(
儿童:[
文本(“泌乳曲线”,
样式:TextStyle(fontSize:16,fontFamily:'Montserrat',fontWeight:fontWeight.bold)),
扩大(
子项:图表。折线图(_serieslineData,
动画:假,
domainAxis:charts.NumericAxisSpec(
tickProviderSpec:
新图表.BasicNumericTickProviderSpec(
期望数量:11,
),
视口:charts.NumericExtents(
0,
300,
)),
动画持续时间:持续时间(秒数:3),
行为:[
图表。图表标题(“产奶量”,
behaviorPosition:charts.behaviorPosition.start),
charts.ChartTitle(“牛奶中的天数”),
行为位置:图表。行为位置。底部),
图表标题(
'',
),
图表。图表标题(“”)
])),
填充物(
填充:常数边集全部(8.0),
孩子:排(
mainAxisAlignment:mainAxisAlignment.space,
儿童:[标签(颜色.红色,'Lac'),
标签(颜色。浅蓝色调,'Milk(kg)'),
标签(颜色为琥珀色,'A.I'),
标签(颜色:绿色,“怀孕”),
标签(颜色:蓝灰色,“疫苗接种”),
标签(颜色。黑色,“处理”),
],
),
)
],
),
),
);
}
由于图表数据尚未准备就绪,您需要一个bool load或isload
进行控制加载时==true返回
CircularProgressIndicator()
或Container()
bool loading = false;
Future graph_initialize() {
loading = true;
Future<List<Map>> noteListFuture1 = dbHelper.get_lactation_curve("${widget.value.tag}");//fetching data from databse
noteListFuture1.then((noteList) {
for(int i=0;i<noteList.length;i++){
print(noteList[i]["Days"].toString()+","+noteList[i]["Milk_Yield"].toString());
milking_data.add( new Sales(noteList[i]["Days"], noteList[i]["Milk_Yield"]));
}
_serieslineData.add(charts.Series(
colorFn: (__, _) => charts.ColorUtil.fromDartColor(Colors.red),
id: 'lac',
data: milking_data,// here data is setting
domainFn: (Sales sales, _) => sales.yearval,
measureFn: (Sales sales, _) => sales.salesval));
setState(() {
loading = false;
});
});}
Expanded(
child: loading? CircularProgressIndicator() : charts.LineChart(_serieslineData,
animate: false,
domainAxis: charts.NumericAxisSpec(
tickProviderSpec:
bool加载=false;
未来图_初始化(){
加载=真;
Future noteListFuture1=dbHelper.get_哺乳_曲线(“${widget.value.tag}”);//从数据库中获取数据
noteListFuture1.然后((noteList){
对于(int i=0;i charts.ColorUtil.fromDartColor)(Colors.red),
id:'lac',
data:milking_data,//这里是数据设置
domainFn:(Sales-Sales,)=>Sales.yearval,
measureFn:(Sales-Sales,)=>Sales.salesval);
设置状态(){
加载=假;
});
});}
扩大(
子级:加载?CircularProgressIndicator():charts.LineChart(_serieslineData,
动画:假,
domainAxis:charts.NumericAxisSpec(
tickProviderSpec: