vue-plotly


Thin vue wrapper for href="https://plot.ly/javascript/"
target="_blank"
>plotly.js

It provides:

• all plotly.js methods and events


• data reactivity


• Redraw on resizing

!example

Live example

https://david-desmaisons.github.io/vue-plotly/

Usage

``HTML

`
`javascript
import { Plotly } from 'vue-plotly'

export default {
components: {
Plotly
},
data() {
return {
data:[{
x: [1,2,3,4],
y: [10,15,13,17],
type:"scatter"
}],
layout:{
title: "My graph"
}
}
}
}
`


API

#### Props

- data Array (optional)

Data to be displayed

- layout Object (optional)

Graphic layout

- id String (optional)

Id of the root HTML element of the component.

- Others:

Plotly component implements the transparent wrapper pattern:
All other props will be passed as plotly graphic option.

Installation


`
npm install vue-plotly
`

Project setup

`
npm install
`

$3

`
npm run serve
`

$3

`
npm run build
`

$3

`
npm run test
`

$3

`
npm run lint
`

$3

`
npm run test:unit
``

$3

See Configuration Reference.