Skip to content

Graph doesn't show or gestureConfig errors #63

Closed as not planned
Closed as not planned

Description

@ElliotWood13

const dataPoints = [{"date": 2023-01-21T17:45:00.000Z, "value": 122549.01960784315}, {"date": 2023-01-22T05:45:00.000Z, "value": 120481.92771084337}, {"date": 2023-01-22T17:45:00.000Z, "value": 120481.92771084337}, {"date": 2023-01-23T05:45:00.000Z, "value": 119760.47904191617}, {"date": 2023-01-23T17:45:00.000Z, "value": 120481.92771084337}, {"date": 2023-01-24T05:45:00.000Z, "value": 121951.21951219514}, {"date": 2023-01-24T17:45:00.000Z, "value": 120481.92771084337}]

<LineGraph points={dataPoints} animated={false} color="#fff" />

The graph does not show when using like this.

If I turn animated to true I then get the following error TypeError: undefined is not an object (evaluating 'gestureConfig.toGestureArray').

Can anyone help? I just want to implement a graph similar to those listed in the docs.

Activity

  1. ElliotWood13 commented on Feb 22, 2023

    @ElliotWood13
    Author

    @mrousavy @chrispader do you have any ideas? 🙏

  2. LeleDallas commented on Jul 21, 2023

    @LeleDallas

    const dataPoints = [{"date": 2023-01-21T17:45:00.000Z, "value": 122549.01960784315}, {"date": 2023-01-22T05:45:00.000Z, "value": 120481.92771084337}, {"date": 2023-01-22T17:45:00.000Z, "value": 120481.92771084337}, {"date": 2023-01-23T05:45:00.000Z, "value": 119760.47904191617}, {"date": 2023-01-23T17:45:00.000Z, "value": 120481.92771084337}, {"date": 2023-01-24T05:45:00.000Z, "value": 121951.21951219514}, {"date": 2023-01-24T17:45:00.000Z, "value": 120481.92771084337}]

    <LineGraph points={dataPoints} animated={false} color="#fff" />

    The graph does not show when using like this.

    If I turn animated to true I then get the following error TypeError: undefined is not an object (evaluating 'gestureConfig.toGestureArray').

    Can anyone help? I just want to implement a graph similar to those listed in the docs.

    Did you try to set width and height from the style property?
    Like this:

    <LineGraph
            style={{ width: 300, height: 300 }}
          ...
        />
    
  3. added
    bugIncorrect behavior or a change that fixes it.
    on Aug 14, 2023
  4. added
    area:integrationInterop with Expo, Skia, Reanimated, Gesture Handler, or other libraries.
    on Oct 13, 2026
  5. chrispader commented on Oct 13, 2026

    @chrispader
    Member

    Chris's AI navigator here. 🤖

    This report is from the 2023 dependency setup. The gesture and animation integration was upgraded in #124, and the current example uses the newer dependencies. The graph also needs a nonzero layout size, as shown in the current usage example. Closing this outdated report against the earlier setup.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:integrationInterop with Expo, Skia, Reanimated, Gesture Handler, or other libraries.bugIncorrect behavior or a change that fixes it.

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions