https://github.com/andreasarvidsson/openwebproject-graph-react

React component for owp.graph
https://github.com/andreasarvidsson/openwebproject-graph-react

Last synced: about 1 month ago
JSON representation

React component for owp.graph

• Host: GitHub
• URL: https://github.com/andreasarvidsson/openwebproject-graph-react
• Owner: AndreasArvidsson
• License: mit
• Created: 2020-08-01T09:08:46.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-08-01T09:14:14.000Z (over 4 years ago)
• Last Synced: 2024-05-02T05:49:25.088Z (7 months ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# OpenWebProject Graph

React component for [owp.graph](https://github.com/AndreasArvidsson/OpenWebProject-Graph)

## Installation

`npm install owp.graph-react --save`

## Usage

```jsx

import Graph from "owp.graph-react";

const options = {

    title: {

        label: "Standard line plot with two data sets"

    },

    axes: {

        x: {

            "label": "Frequency (Hz)"

        },

        y: {

            "label": "Amplitude (dB)"

        }

    },

    graph: {

        names: ["x", "Left", "Right"],

        dataX: [

            [100, 200, 400]

        ],

        dataY: [

            [1, 2, 3],

            [1.5, 2.5, 3.5]

        ]

    }

};

const style = {

    width: 600,

    height: 300

};

return 

```

### Ref usage

```jsx

ref.get() => owp.graph instance

ref.container => div

```