Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 颤振无法在折线图中设置坐标?_Flutter_Dart - Fatal编程技术网

Flutter 颤振无法在折线图中设置坐标?

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

我在折线图中遇到了一些问题。我正在从sq lite数据库获取x和y数据。而且它应该设置 在折线图中。活动开始时图表显示为空。但只有点击图表的值才是设置中的值 图表。 我正在使用charts\u flatter-dart包进行实现。 我犯错误的地方。任何解决方案

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: