react-native-plotly icon indicating copy to clipboard operation
react-native-plotly copied to clipboard

Plotly displays a chart with axes, but no data

Open SBS-jtemplin opened this issue 2 years ago • 1 comments

Hello,

I've implemented a little demo similar to the one in the readme.

import React, { ReactElement } from 'react';
import { View } from 'react-native';
import Plotly from 'react-native-plotly';


export const Chart = (): ReactElement => {
    const data = {
      x: [1, 2, 3, 4, 5],
      y: [1, 2, 3, 4, 8],
      type: 'scatter',
    };
    const layout = { title: 'My cool chart!' };
  
    return (
        <View
            style={{
                padding: 10,
                flex: 1,
            }}>
            <Plotly
                data={data}
                layout={layout}
                enableFullPlotly={true}
                debug={true}
            />
        </View>
    )
}

It appears to at least partially load Plotly. I can see an interactive chart with axes, but it doesn't plot any data. There are no errors in the console and the debug property doesn't show anything as far as I can tell. Do you know what might be causing the problem?

I'm using the following versions: react-native 0.67.2 react-native-webview 11.26.1 react-native-windows 0.67.9

Thanks

SBS-jtemplin avatar Feb 01 '23 20:02 SBS-jtemplin

Also not working with the following versions: react-native: 068.2 react-native-webview: 11.26.1 react-native-windows: 0.68.26

SBS-jtemplin avatar Feb 08 '23 19:02 SBS-jtemplin