'Chart doesn´t show data from database/flutter
Hey guys i created an App where data is shown in a chart. My problem is that the data isn´t shown but I don´t know why
here is my chart code:
import 'package:flutter/material.dart';
import 'package:hive/hive.dart';
import 'package:hive_flutter/hive_flutter.dart';
import 'package:syncfusion_flutter_charts/charts.dart';
import 'data.dart';
class DataChart extends StatelessWidget {
String val1 = "";
double pot1 = 0;
String val2 = "";
double pot2 = 1;
String val3 = "";
double pot3 = 2;
final hiveBox = Hive.box<Data>('dataBox');
//late List<Data> data = dataFromHiveBox;
late List<Data> data = [];
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: SfCartesianChart(
primaryXAxis: NumericAxis(),
primaryYAxis: NumericAxis(),
series: <ColumnSeries<Data, num>>[
ColumnSeries<Data, num>(
dataSource: data,
xValueMapper: (Data data, _) => data.Fehlstellung,
yValueMapper: (Data data, _) => data.Wiederholung,
dataLabelSettings: const DataLabelSettings(isVisible: true)
),
],
),
),
);
}}
and here is how it looks: chart
Does anyone have a solution?
Solution 1:[1]
You should try:
SfCartesianChart(
title: ChartTitle(text: 'Flutter Chart'),
legend: Legend(isVisible: true),
series: <ColumnSeries<Data, num>>[
ColumnSeries<String, num>(
dataSource: data,
xValueMapper: (Data, _) => data.Fehlstellung,
yValueMapper: (Data, _) => data.Wiederholung,
dataLabelSettings: const DataLabelSettings(isVisible: true)
),
],
tooltipBehavior: TooltipBehavior( enable: true),
)
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Cuong Truong Quoc |
