• all plotly.js methods and events
• data reactivity
• Redraw on resizing

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

<Plotly :data="data" :layout="layout" :display-mode-bar="false"></Plotly>

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"
      }
    }
  }
}

• 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.

npm install vue-plotly

npm install

npm run serve

npm run build

npm run test

npm run lint

npm run test:unit

See Configuration Reference.