UNPKG

vue-chartjs-reactive

Version:

Vue.js wrapper for chart.js for creating beautiful charts.

2 lines 3.26 kB
!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("chart.js")):"function"==typeof define&&define.amd?define("VueChartJs",["chart.js"],r):"object"==typeof exports?exports.VueChartJs=r(require("chart.js")):t.VueChartJs=r(t.Chart)}("undefined"!=typeof self?self:this,function(t){return function(t){function r(e){if(a[e])return a[e].exports;var n=a[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,r),n.l=!0,n.exports}var a={};return r.m=t,r.c=a,r.d=function(t,a,e){r.o(t,a)||Object.defineProperty(t,a,{configurable:!1,enumerable:!0,get:e})},r.n=function(t){var a=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(a,"a",a),a},r.o=function(t,r){return Object.prototype.hasOwnProperty.call(t,r)},r.p="",r(r.s=0)}([function(t,r,a){"use strict";function e(){var t=this,r=!0;this._unWatchChartData=this.$watch("chartData",function(){r?r=!1:n.call(t)},{deep:!0})}function n(){this.$data._chart?this._updatingChart||(this._unWatchChartData(),this.$data._chart.update(),this._watchChartData()):this.renderChart(this.chartData,this.options)}function u(t,r){return{render:function(t){return t("div",{style:this.styles,class:this.cssClasses},[t("canvas",{attrs:{id:this.chartId,width:this.width,height:this.height},ref:"canvas"})])},props:{chartId:{default:t,type:String},width:{default:400,type:Number},height:{default:400,type:Number},cssClasses:{type:String,default:""},styles:{type:Object},plugins:{type:Array,default:function(){return[]}}},data:function(){return{_chart:null,_plugins:this.plugins}},methods:{addPlugin:function(t){this.$data._plugins.push(t)},renderChart:function(t,a){this.$data._chart&&this.$data._chart.destroy(),this.$data._chart=new s.a(this.$refs.canvas.getContext("2d"),{type:r,data:t,options:a,plugins:this.$data._plugins})}},beforeDestroy:function(){this.$data._chart&&this.$data._chart.destroy()}}}Object.defineProperty(r,"__esModule",{value:!0});var i={data:function(){return{_unWatchChartData:null,_updatingChart:!1,chartData:null}},mounted:function(){this._watchChartData()},methods:{_watchChartData:e}},h={data:function(){return{_unWatchChartData:null,_updatingChart:!1}},props:{chartData:{required:!0}},mounted:function(){this._watchChartData()},methods:{_watchChartData:e}},o={reactiveData:i,reactiveProp:h},c=a(1),s=a.n(c),d=u("bar-chart","bar"),f=u("horizontalbar-chart","horizontalBar"),l=u("doughnut-chart","doughnut"),p=u("line-chart","line"),_=u("pie-chart","pie"),b=u("polar-chart","polarArea"),g=u("radar-chart","radar"),C=u("bubble-chart","bubble"),y=u("scatter-chart","scatter");a.d(r,"VueCharts",function(){return D}),a.d(r,"Bar",function(){return d}),a.d(r,"HorizontalBar",function(){return f}),a.d(r,"Doughnut",function(){return l}),a.d(r,"Line",function(){return p}),a.d(r,"Pie",function(){return _}),a.d(r,"PolarArea",function(){return b}),a.d(r,"Radar",function(){return g}),a.d(r,"Bubble",function(){return C}),a.d(r,"Scatter",function(){return y}),a.d(r,"mixins",function(){return o}),a.d(r,"generateChart",function(){return u});var D={Bar:d,HorizontalBar:f,Doughnut:l,Line:p,Pie:_,PolarArea:b,Radar:g,Bubble:C,Scatter:y,mixins:o,generateChart:u};r.default=D},function(r,a){r.exports=t}])}); //# sourceMappingURL=vue-chartjs.min.js.map