TimeSeriesChart : PanAndZoomBehavior causing error #73

rtolar · 2018-07-12T14:41:47Z

Moved from flutter/flutter#19301

While attempting to figure out how to implement pan-and-zoom on a time series graph, I received the following error:

Performing hot reload...
I/flutter ( 7381): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter ( 7381): The following assertion was thrown during performLayout():
I/flutter ( 7381): type 'int' is not a subtype of type 'double'
I/flutter ( 7381):
I/flutter ( 7381): Either the assertion indicates an error in the framework itself, or we should provide substantially
I/flutter ( 7381): more information in this error message to help you determine and fix the underlying cause.
I/flutter ( 7381): In either case, please report this assertion by filing a bug on GitHub:
I/flutter ( 7381): https://github.com/flutter/flutter/issues/new
I/flutter ( 7381):
I/flutter ( 7381): When the exception was thrown, this was the stack:
I/flutter ( 7381): #0 LinearScaleViewportSettings.updateViewportScaleFactor (package:charts_common/src/chart/cartesian/axis/linear/linear_scale_viewport.dart)
I/flutter ( 7381): #1 I/flutter ( 7381): #2 I/flutter ( 7381): #3 I/flutter ( 7381): #4 I/flutter ( 7381): #5 I/flutter ( 7381): #6 I/flutter ( 7381): #7 I/flutter ( 7381): #8 I/flutter ( 7381): #9 I/flutter ( 7381): #10 I/flutter ( 7381): #11 I/flutter ( 7381): #12 I/flutter ( 7381): #13 I/flutter ( 7381): #14 I/flutter ( 7381): #15 I/flutter ( 7381): #16 I/flutter ( 7381): #17 I/flutter ( 7381): #18 I/flutter ( 7381): #19 I/flutter ( 7381): #20 I/flutter ( 7381): #21 I/flutter ( 7381): #22 I/flutter ( 7381): #23 I/flutter ( 7381): #24 I/flutter ( 7381): #25 I/flutter ( 7381): #26 I/flutter ( 7381): #27 I/flutter ( 7381): #28 I/flutter ( 7381): #29 I/flutter ( 7381): #30 I/flutter ( 7381): #31 I/flutter ( 7381): #32 I/flutter ( 7381): #33 I/flutter ( 7381): #34 I/flutter ( 7381): #35 I/flutter ( 7381): #36 I/flutter ( 7381): #37 I/flutter ( 7381): #38 I/flutter ( 7381): #39 I/flutter ( 7381): #40 I/flutter ( 7381): #41 I/flutter ( 7381): #42 I/flutter ( 7381): #43 I/flutter ( 7381): #44 I/flutter ( 7381): #45 I/flutter ( 7381): #46 I/flutter ( 7381): #47 I/flutter ( 7381): #48 I/flutter ( 7381): #49 I/flutter ( 7381): #50 I/flutter ( 7381): #51 I/flutter ( 7381): #52 I/flutter ( 7381): #53 I/flutter ( 7381): #54 I/flutter ( 7381): #55 I/flutter ( 7381): #56 I/flutter ( 7381): #57 I/flutter ( 7381): #58 I/flutter ( 7381): #59 I/flutter ( 7381): #60 I/flutter ( 7381): #61 I/flutter ( 7381): #62 I/flutter ( 7381): #63 I/flutter ( 7381): #64 I/flutter ( 7381): #65 I/flutter ( 7381): #66 I/flutter ( 7381): #67 I/flutter ( 7381): #68 I/flutter ( 7381): #69 I/flutter ( 7381): #70 I/flutter ( 7381): #71 I/flutter ( 7381): #72 I/flutter ( 7381): #73 I/flutter ( 7381): #74 I/flutter ( 7381): #75 I/flutter ( 7381): #77 I/flutter ( 7381): #78 I/flutter ( 7381): #79 I/flutter ( 7381): (elided one frame from package dart:async)
I/flutter ( 7381):
I/flutter ( 7381): The following RenderObject was being processed when the exception was fired:
I/flutter ( 7381): ChartContainerRenderObject#1c86c NEEDS-LAYOUT NEEDS-PAINT
I/flutter ( 7381): creator: ChartContainer ← Listener ← _GestureSemantics ← RawGestureDetector ←
I/flutter ( 7381): GestureDetector ← LayoutId-[] ← CustomMultiChildLayout ← TimeSeriesChart ←
I/flutter ( 7381): SimpleTimeSeriesChart ← MediaQuery ← LayoutId-[<_ScaffoldSlot.body>] ← CustomMultiChildLayout ← ⋯
I/flutter ( 7381): parentData: (can use size)
I/flutter ( 7381): constraints: BoxConstraints(w=411.4, h=603.4)
I/flutter ( 7381): semantic boundary
I/flutter ( 7381): size: Size(411.4, 603.4)
I/flutter ( 7381): This RenderObject has no descendants.
I/flutter ( 7381): ════════════════════════════════════════════════════════════════════════════════════════════════════
Reloaded 2 of 608 libraries in 1,518ms.
/// Timeseries chart example
import 'package:charts_flutter/flutter.dart' as charts;
import 'package:flutter/material.dart'; LinearScale._configureScale (package:charts_common/src/chart/cartesian/axis/linear/linear_scale.dart:219:23)
LinearScale.viewportDomain (package:charts_common/src/chart/cartesian/axis/linear/linear_scale.dart:145:5)
DateTimeScale.viewportDomain (package:charts_common/src/chart/cartesian/axis/time/date_time_scale.dart:84:34)
AutoAdjustingDateTimeTickProvider.getTicks (package:charts_common/src/chart/cartesian/axis/time/auto_adjusting_date_time_tick_provider.dart:117:28)
PanningTickProvider.getTicks (package:charts_common/src/chart/common/behavior/zoom/panning_tick_provider.dart:74:29)
Axis._updateProvidedTicks (package:charts_common/src/chart/cartesian/axis/axis.dart:196:35)
Axis._measureHorizontalAxis (package:charts_common/src/chart/cartesian/axis/axis.dart:360:5)
Axis.measure (package:charts_common/src/chart/cartesian/axis/axis.dart:347:11)
HorizontalMarginStrategy.measure. (package:charts_common/src/chart/layout/layout_margin_strategy.dart:198:21)
Iterable.forEach (dart:core/iterable.dart:281:30)
HorizontalMarginStrategy.measure (package:charts_common/src/chart/layout/layout_margin_strategy.dart:180:11)
LayoutManagerImpl._measure (package:charts_common/src/chart/layout/layout_manager_impl.dart:237:56)
LayoutManagerImpl.measure (package:charts_common/src/chart/layout/layout_manager_impl.dart:100:24)
BaseChart.measure (package:charts_common/src/chart/common/base_chart.dart:252:22)
ChartContainerRenderObject.performLayout (package:charts_flutter/src/chart_container.dart:129:12)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
MultiChildLayoutDelegate.layoutChild (package:flutter/src/rendering/custom_layout.dart:141:11)
WidgetLayoutDelegate.performLayout (package:charts_flutter/src/widget_layout_delegate.dart:80:7)
MultiChildLayoutDelegate._callPerformLayout (package:flutter/src/rendering/custom_layout.dart:211:7)
RenderCustomMultiChildLayoutBox.performLayout (package:flutter/src/rendering/custom_layout.dart:355:14)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
MultiChildLayoutDelegate.layoutChild (package:flutter/src/rendering/custom_layout.dart:141:11)
_ScaffoldLayout.performLayout (package:flutter/src/material/scaffold.dart:399:7)
MultiChildLayoutDelegate._callPerformLayout (package:flutter/src/rendering/custom_layout.dart:211:7)
RenderCustomMultiChildLayoutBox.performLayout (package:flutter/src/rendering/custom_layout.dart:355:14)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
_RenderCustomClip.performLayout (package:flutter/src/rendering/proxy_box.dart:1143:11)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderOffstage.performLayout (package:flutter/src/rendering/proxy_box.dart:2831:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
RenderStack.performLayout (package:flutter/src/rendering/stack.dart:520:15)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
__RenderTheatre&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
_RenderProxyBox&RenderBox&RenderObjectWithChildMixin&RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:109:13)
RenderObject.layout (package:flutter/src/rendering/object.dart:1570:7)
RenderView.performLayout (package:flutter/src/rendering/view.dart:125:13)
RenderObject._layoutWithoutResize (package:flutter/src/rendering/object.dart:1445:7)
PipelineOwner.flushLayout (package:flutter/src/rendering/object.dart:709:18)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:270:19)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&RendererBinding&WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:627:13)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:208:5)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:990:15)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:930:9)
_WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding.scheduleWarmUpFrame. (package:flutter/src/scheduler/binding.dart:751:7)
_Timer._runTimers (dart:isolate/runtime/libtimer_impl.dart:382:19)
_Timer._handleMessage (dart:isolate/runtime/libtimer_impl.dart:416:5)
_RawReceivePortImpl._handleMessage (dart:isolate/runtime/libisolate_patch.dart:165:12)

class SimpleTimeSeriesChart extends StatelessWidget {
final List<charts.Series> seriesList;
final bool animate;

//SimpleTimeSeriesChart(this.seriesList, {this.animate});
SimpleTimeSeriesChart(this.seriesList, {this.animate});
/// Creates a [TimeSeriesChart] with sample data and no transition.
factory SimpleTimeSeriesChart.withSampleData() {
return new SimpleTimeSeriesChart(
_createSampleData(),
// Disable animations for image tests.
animate: true,
);
}

@OverRide
Widget build(BuildContext context) {

var c =  charts.TimeSeriesChart(
  seriesList,
  animate: animate,
  // Optionally pass in a [DateTimeFactory] used by the chart. The factory
  // should create the same type of [DateTime] as the data provided. If none
  // specified, the default creates local date time.
  dateTimeFactory: const charts.LocalDateTimeFactory(),
  //domainAxis: new charts.OrdinalAxisSpec(viewport: new charts.OrdinalViewport((new DateTime(2017, 9, 19)).toString(), 4)),
  domainAxis: new charts.DateTimeAxisSpec(viewport: new charts.DateTimeExtents(start: new DateTime(2017, 9, 19), end: new DateTime(2017, 9, 20))),

// *** LINE CAUSING THE ERROR BELOW ***
behaviors: [new charts.PanAndZoomBehavior()],
);

return c;

}

/// Create one series with sample hard coded data.
static List<charts.Series<XYValue, DateTime>> _createSampleData() {
final data = [
new XYValue(new DateTime(2017, 9, 19), 5),
new XYValue(new DateTime(2017, 9, 26), 25),
new XYValue(new DateTime(2017, 9, 28), 26),
new XYValue(new DateTime(2017, 10, 3), 100),
new XYValue(new DateTime(2017, 10, 10), 75),
];

return [
  new charts.Series<XYValue, DateTime>(
    id: 'Sales',
    colorFn: (_, __) => charts.MaterialPalette.blue.shadeDefault,
    domainFn: (XYValue datapoints, _) => datapoints.time,
    measureFn: (XYValue datapoints, _) => datapoints.value,
    data: data,
    strokeWidthPxFn: (XYValue datapoints, _) => 5,
    //domainLowerBoundFn: (_, __) => new DateTime(2017, 8, 1),
    //domainUpperBoundFn: (_, __) => new DateTime(2017, 11, 1),

  )
];

}
}

/// Sample time series data type.
class XYValue {
final DateTime time;
final int value;

XYValue(this.time, this.value);
}

The text was updated successfully, but these errors were encountered:

jerherrero · 2019-08-20T18:19:49Z

Does commenting out domainAxis: new charts.DateTimeAxisSpec(... bring back PanAndZoomBehavior()?

oetiker · 2019-09-11T18:50:18Z

Does commenting out domainAxis: new charts.DateTimeAxisSpec(... bring back PanAndZoomBehavior()?

for me it does NOT @jerherrero any idea ?

jerherrero · 2019-09-11T22:01:58Z

@oetiker It's been a while since I've dug in there, but as I remember, each axis type had its own class except for the one used for a Time Series, which is an extension of another axis class.

oetiker · 2019-09-12T06:35:24Z

@jerherrero I found the solution here: #287 (comment)

rtolar mentioned this issue Jul 12, 2018

TimeSeriesChart : PanAndZoomBehavior causing error flutter/flutter#19301

Closed

Nik99 mentioned this issue Sep 10, 2018

Can't change label colors #124

Closed

TomOerlemans mentioned this issue Nov 25, 2018

OrdinalComboChart and LineChart do not work in release mode, when placed inside MaterialApp (in v0.5 not in v0.4) #177

Open

renzorodrigues mentioned this issue Jun 15, 2019

Positioned: Another exception was thrown #272

Open

jamesncl mentioned this issue Jul 23, 2020

Any modification of the domain axis breaks PanAndZoomBehavior #370

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

TimeSeriesChart : PanAndZoomBehavior causing error #73

TimeSeriesChart : PanAndZoomBehavior causing error #73

rtolar commented Jul 12, 2018

jerherrero commented Aug 20, 2019

oetiker commented Sep 11, 2019 •

edited

Loading

jerherrero commented Sep 11, 2019

oetiker commented Sep 12, 2019

TimeSeriesChart : PanAndZoomBehavior causing error #73

TimeSeriesChart : PanAndZoomBehavior causing error #73

Comments

rtolar commented Jul 12, 2018

XYValue(this.time, this.value); }

jerherrero commented Aug 20, 2019

oetiker commented Sep 11, 2019 • edited Loading

jerherrero commented Sep 11, 2019

oetiker commented Sep 12, 2019

XYValue(this.time, this.value);
}

oetiker commented Sep 11, 2019 •

edited

Loading