juliansteenbakker / community_charts Goto Github PK

======== Exception caught by rendering library =====================================================
The following _TypeError was thrown during performLayout():
type 'List<ArcRendererElement<dynamic>>' is not a subtype of type 'List<ArcRendererElement<Object>>?' in type cast

The relevant error-causing widget was: 
  PieChart<dynamic> PieChart:file:///C:/Users/Rick/AndroidStudioProjects/pbapp/lib/common/macro-donutchart.dart:43:19
When the exception was thrown, this was the stack: 
#0      TypedRegistry.getAttr (package:community_charts_common/src/common/typed_registry.dart:20:27)
#1      MutableSeries.getAttr (package:community_charts_common/src/chart/common/processed_series.dart:213:48)
#2      ArcRenderer.update.<anonymous closure> (package:community_charts_common/src/chart/pie/arc_renderer.dart:164:18)
#3      List.forEach (dart:core-patch/growable_array.dart:416:8)
#4      ArcRenderer.update (package:community_charts_common/src/chart/pie/arc_renderer.dart:156:16)
#5      BaseChart.onPostLayout.<anonymous closure> (package:community_charts_common/src/chart/common/base_chart.dart:626:37)
#6      _LinkedHashMapMixin.forEach (dart:collection-patch/compact_hash.dart:625:13)
#7      BaseChart.onPostLayout (package:community_charts_common/src/chart/common/base_chart.dart:625:10)
[91 more...]
The following RenderObject was being processed when the exception was fired: ChartContainerRenderObject<dynamic>#f0cd4 NEEDS-LAYOUT NEEDS-PAINT
...  parentData: <none> (can use size)
...  constraints: BoxConstraints(w=232.5, h=190.0)
...  semantic boundary
...  size: MISSING
...  painter: ChartContainerCustomPaint#b6c7e()
RenderObject: ChartContainerRenderObject<dynamic>#f0cd4 NEEDS-LAYOUT NEEDS-PAINT
  parentData: <none> (can use size)
  constraints: BoxConstraints(w=232.5, h=190.0)
  semantic boundary
  size: MISSING
  painter: ChartContainerCustomPaint#b6c7e()
====================================================================================================

======== Exception caught by rendering library =====================================================
The following assertion was thrown during performLayout():
RenderBox was not laid out: ChartContainerRenderObject<dynamic>#f0cd4 NEEDS-PAINT
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1965 pos 12: 'hasSize'


Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
  https://github.com/flutter/flutter/issues/new?template=2_bug.yml

The relevant error-causing widget was: 
  PieChart<dynamic> PieChart:file:///C:/Users/Rick/AndroidStudioProjects/pbapp/lib/common/macro-donutchart.dart:43:19
When the exception was thrown, this was the stack: 
#2      RenderBox.size (package:flutter/src/rendering/box.dart:1965:12)
#3      RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:65)
#4      RenderObject.layout (package:flutter/src/rendering/object.dart:2493:7)
#5      RenderBox.layout (package:flutter/src/rendering/box.dart:2382:11)
#6      RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:104:21)
#7      RenderObject.layout (package:flutter/src/rendering/object.dart:2493:7)
#8      RenderBox.layout (package:flutter/src/rendering/box.dart:2382:11)
#9      MultiChildLayoutDelegate.layoutChild (package:flutter/src/rendering/custom_layout.dart:173:12)
[80 more...]
(elided 2 frames from class _AssertionError)
The following RenderObject was being processed when the exception was fired: RenderPointerListener#7d528 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...  parentData: <none> (can use size)
...  constraints: BoxConstraints(w=232.5, h=190.0)
...  size: MISSING
...  behavior: deferToChild
...  listeners: down, panZoomStart
  child: ChartContainerRenderObject<dynamic>#f0cd4 NEEDS-PAINT
    parentData: <none> (can use size)
    constraints: BoxConstraints(w=232.5, h=190.0)
    semantic boundary
    size: MISSING
    painter: ChartContainerCustomPaint#b6c7e()
RenderObject: RenderPointerListener#7d528 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
  parentData: <none> (can use size)
  constraints: BoxConstraints(w=232.5, h=190.0)
  size: MISSING
  behavior: deferToChild
  listeners: down, panZoomStart
  child: ChartContainerRenderObject<dynamic>#f0cd4 NEEDS-PAINT
    parentData: <none> (can use size)
    constraints: BoxConstraints(w=232.5, h=190.0)
    semantic boundary
    size: MISSING
    painter: ChartContainerCustomPaint#b6c7e()
====================================================================================================

class MacroDonutChart extends StatelessWidget {
  final List<MacroCounts> data;
  final List<charts.Color> palette;
  final bool animate;
  final Function(charts.SelectionModel model) selectCallback;
  final int selectedIndex;

  MacroDonutChart({required this.data, required this.palette, required this.animate, required this.selectCallback, required this.selectedIndex});

  List<charts.Series<MacroCounts, String>> _createSeries(BuildContext context) {
    return [
      charts.Series<MacroCounts, String>(
        id: "MacroDonut",
        data: data,
        domainFn: (MacroCounts macCount, _) => macCount.name,
        measureFn: (MacroCounts macCount, _) => macCount.total,
        labelAccessorFn: (MacroCounts macCount, _) => '${macCount.name}',
        colorFn: (_, index){
          if(selectedIndex == -1 || index == selectedIndex){
            return palette[index!];
          } else {
            return charts.ColorUtil.fromDartColor(Theme.of(context).disabledColor);
          }
          //return palette[index];
        },
      ),
    ];
  }

  @override
  Widget build(BuildContext context) {
    return charts.PieChart(
      _createSeries(context),
      animate: animate,
      selectionModels: [
        charts.SelectionModelConfig(
          type: charts.SelectionModelType.info,
          changedListener: (charts.SelectionModel model) {
            selectCallback(model);
          },
        )
      ],
      defaultRenderer: charts.ArcRendererConfig(
        arcWidth: 22,
        strokeWidthPx: 1,
      ),
    );
  }
}

import 'dart:math';

import 'package:flutter/material.dart';

import 'package:community_charts_flutter/community_charts_flutter.dart';

void main() {

  runApp(const MaterialApp(
    title: 'Area Test',
    home: TestPage(),
    debugShowCheckedModeBanner: false,
  ));
}

/// Shows 2 area charts (one with default y extent, other computed y extent)
class TestPage extends StatelessWidget {

  const TestPage({super.key});

  @override
  Widget build(BuildContext context) {

    var windowSize = MediaQuery.of(context).size;

    return Scaffold(
      appBar: AppBar(title: const Center(child:Text('Two Charts'))),
      body: Center(child:Column(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: <Widget>[
        ElevationChart(data, windowSize),
        ElevationChart(data, windowSize, computeYViewport: true),
      ]))
    );

  }
}

/// Draws area chart of elevation vs distance traveled.
class ElevationChart extends StatelessWidget {

  late final Series<Point, double> dataSeries;

  late final Size                  windowSize;

  late final NumericExtents?       yViewport;

  ElevationChart(List<Point> track, this.windowSize, {super.key,
    bool computeYViewport = false}) {

    yViewport = computeYViewport ? _computeYViewport(track) : null;

    dataSeries = Series<Point, double>(
      id: "test_chart",
      data: track,
      colorFn: (_, __) => MaterialPalette.blue.shadeDefault,
      domainFn: (Point point, _) => point.x,
      measureFn: (Point point, _) => point.y,
    );
  }

  @override
  Widget build(BuildContext context) {

    var width = 0.8 * windowSize.width;
    var height = 0.4 * windowSize.height;
    var domainTickSpec = const BasicNumericTickProviderSpec(
        desiredMinTickCount: 8, dataIsInWholeNumbers: false);
    var measureTicSpec = const BasicNumericTickProviderSpec(zeroBound: false,
        desiredMinTickCount: 8);

    return SizedBox(width: width, height: height,
        child: LineChart([dataSeries],
          defaultRenderer:
          LineRendererConfig(includeArea: true),
          animate: false,
          domainAxis: NumericAxisSpec(showAxisLine: true,
              tickProviderSpec: domainTickSpec),
          primaryMeasureAxis: yViewport != null ? NumericAxisSpec(showAxisLine: true,
              tickProviderSpec: measureTicSpec, viewport: yViewport) :
              NumericAxisSpec(showAxisLine: true, tickProviderSpec: measureTicSpec),
        ));
  }

  /// Computes y viewport with extra space around data at upper bound.
  ///
  /// Lower bound is set to be multiple of 100.  Upper bound is set to
  /// a multiple of 800 higher.
  NumericExtents _computeYViewport(List<Point> track) {

    var minElevation = track[0].y;

    var maxElevation = track[0].y;

    for (var point in track) {

      minElevation = min(minElevation, point.y);
      maxElevation = max(maxElevation, point.y);
    }

    var lowerBound = (minElevation.round() / 100) * 100.0;
    var upperBound = lowerBound + 800.0;
    while (upperBound <= maxElevation) {
      upperBound = upperBound + 800.0;
    }
    return NumericExtents(lowerBound, upperBound);
  }
}

class Point {
  double x;
  double y;
  Point(this.x, this.y);
}

var data = <Point>[Point(0.0, 1423.0),
  Point(0.25, 1439.0),
  Point(0.5, 1465.0),
  Point(0.75, 1490.0),
  Point(1.0, 1520.0),
  Point(1.25, 1565.0),
  Point(1.5, 1585.0),
  Point(2.0, 1591.0)];