@pankgeorg/vue-plotly
v2.11.2
Published
<p align="center"><img width="140"src="https://raw.githubusercontent.com/David-Desmaisons/vue-plotly/master/example/assets/logo.png"></p>
Downloads
4
Readme
vue-plotly
Live example
https://david-desmaisons.github.io/vue-plotly/
Usage
<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"
}
}
}
}
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
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Run your tests
npm run test
Lints and fixes files
npm run lint
Run your unit tests
npm run test:unit