href="https://plot.ly/javascript/"
          target="_blank"
        >plotly.js</a></h2>

It provides:

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