This module is based on the vue-plotly package from David Desmaisons

Currently only the dependencies were updated to keep compatible with Vue 2 and Nuxt.js
This variant builds against the Plotly basic min distribution

vue-plotly-basic


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

It provides:

• all plotly.js-basic 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-basic'

export default {
components: {
Plotly
},
data:{
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 @rleys/vue-plotly-basic
`

Project setup

`
npm install
`

$3

`
npm run serve
`

$3

`
npm run build
`

$3

`
npm run test:unit
`

$3

`
npm run lint
`

$3

`
npm run test:unit
``

$3

See Configuration Reference.