Add Pie Chart component

This commit is contained in:
Jakub Juszczak
2016-07-01 19:02:41 +02:00
parent 84ae683bfa
commit 65251700d7
5 changed files with 69 additions and 2 deletions

View File

@@ -0,0 +1,41 @@
import Vue from 'vue'
import Chart from 'chart.js'
export default Vue.extend({
template: `
<div>
<canvas id="pie-chart" width=width height=height v-el:canvas></canvas>
</div>
`,
props: {
width: {
default: 400,
type: Number
},
height: {
default: 400,
type: Number
}
},
data () {
return {
options: {
}
}
},
methods: {
render (data, options = this.options) {
const chart = new Chart(
this.$els.canvas.getContext('2d'), {
type: 'pie',
data: data,
options: options
}
)
chart.generateLegend()
}
}
})