How to use the vue-chartjs.mixins function in vue-chartjs
To help you get started, we’ve selected a few vue-chartjs examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
sanjabteam / sanjab / resources / js / plugin.js View on Github 
function chartJsComponent(classType) {
return {
mixins: [classType, VueChartJs.mixins.reactiveProp],
template: "",
props: {
options: {
type: Object,
default: null
}
},
mounted () {
this.renderChart(this.chartData, this.options)
}
};
}<img height="70" width="70"><h3>{{inst.name}}</h3>
<h4>deposited:{{inst.deposited}}</h4>
deposit
uninstall
`
};
const Bar_Chart = {
name: 'Bar_Chart',
extends: vue_chartjs_1.Bar,
mixins: [vue_chartjs_1.mixins.reactiveProp],
props: ['chartData', 'options'],
mounted() {
this.renderChart(this.chartData, this.options);
},
watch: {
data: function (val) {
this.renderChart(this.chartData, this.options);
},
options: function (val) {
this.renderChart(this.chartData, this.options);
}
}
};
vue_1.default.component('Bar_Chart', Bar_Chart);
const Best_lang = {
component: {vue-chartjs
Vue.js wrapper for chart.js for creating beautiful charts.
