{"version":3,"sources":["webpack:///./src/components/charts/BarChart.vue","webpack:///src/components/charts/BarChart.vue","webpack:///./src/components/charts/BarChart.vue?4c0b","webpack:///./src/components/charts/BarChart.vue?8c59"],"names":["render","_vm","this","_c","_self","ref","staticRenderFns","name","props","chartData","options","type","default","legend","stacked","precision","yTitle","items","data","barChart","watch","li","hidden","mounted","Chart","ArcElement","LineElement","BarElement","PointElement","BarController","BubbleController","DoughnutController","LineController","PieController","PolarAreaController","RadarController","ScatterController","CategoryScale","LinearScale","LogarithmicScale","RadialLinearScale","TimeScale","TimeSeriesScale","Decimation","Filler","Legend","Title","Tooltip","SubTitle","elements","bar","borderRadius","scales","x","grid","display","ticks","maxRotation","autoSkipPadding","y","title","text","beginAtZero","drawBorder","plugins","tooltip","callbacks","date","year","label","labels","usePointStyle","position","onClick","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACE,IAAI,aAEhFC,EAAkB,G,wDC+BP,GACfC,gBACAC,OACAC,iBACAC,SACAC,YACAC,mBACA,OACAC,UACAC,WACAC,iBACAC,aAIAC,aAEAC,gBACA,OACAC,gBAGAC,OACAX,qBACA,kCACA,wBAEAQ,kBAAA,WACA,wDACA,0BACAI,WACAC,2CAEA,yBAGAC,mBAAA,WACAC,gBACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,OACAC,QAEA,6CACArC,WACAO,oBACAR,SACAuC,UACAC,KACAC,iBAGAC,QACAC,GACAC,MACAC,YAEAzC,6BACA0C,OACAC,cACAC,qBAGAC,GACAC,OACAL,4BACAM,0BAEAC,eACAhD,6BACAwC,MACAS,eAEAP,OACAzC,oCAIAiD,SACAC,SACAC,WACAN,kBACA,kDAAAO,OAAAC,OACA,sCAEAC,kBACA,2BAIAxD,QACA0C,4BACAe,QACAC,kBAEAC,kBACAC,sBACA,iCCtJwX,I,YCOpXC,EAAY,eACd,EACA1E,EACAM,GACA,EACA,KACA,KACA,MAIa,aAAAoE,E","file":"static/js/chunk-2d0e2664.8b66e54c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('canvas',{ref:\"myChart\"})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <canvas ref=\"myChart\"></canvas>\n</template>\n\n<script>\nimport {\n    Chart,\n    ArcElement,\n    LineElement,\n    BarElement,\n    PointElement,\n    BarController,\n    BubbleController,\n    DoughnutController,\n    LineController,\n    PieController,\n    PolarAreaController,\n    RadarController,\n    ScatterController,\n    CategoryScale,\n    LinearScale,\n    LogarithmicScale,\n    RadialLinearScale,\n    TimeScale,\n    TimeSeriesScale,\n    Decimation,\n    Filler,\n    Legend,\n    Title,\n    Tooltip,\n    SubTitle\n} from 'chart.js'\n\nexport default {\n    name: 'BarChart',\n    props: {\n        chartData: Object,\n        options: {\n            type: Object,\n            default() {\n                return {\n                    legend: true,\n                    stacked: false,\n                    precision: undefined,\n                    yTitle: ''\n                }\n            }\n        },\n        items: Array\n    },\n    data() {\n        return {\n            barChart: null\n        }\n    },\n    watch: {\n        chartData() {\n            this.barChart.data = this.chartData\n            this.barChart.update()\n        },\n        items(items) {\n            this.barChart.legend.legendItems.forEach((li, index) => {\n                const hidden = items.indexOf(li.text) < 0\n                li.hidden = hidden\n                hidden ? this.barChart.hide(index) : this.barChart.show(index)\n            })\n            this.barChart.render()\n        }\n    },\n    mounted() {\n        Chart.register(\n            ArcElement,\n            LineElement,\n            BarElement,\n            PointElement,\n            BarController,\n            BubbleController,\n            DoughnutController,\n            LineController,\n            PieController,\n            PolarAreaController,\n            RadarController,\n            ScatterController,\n            CategoryScale,\n            LinearScale,\n            LogarithmicScale,\n            RadialLinearScale,\n            TimeScale,\n            TimeSeriesScale,\n            Decimation,\n            Filler,\n            Legend,\n            Title,\n            Tooltip,\n            SubTitle\n        )\n        this.barChart = new Chart(this.$refs.myChart, {\n            type: 'bar',\n            data: this.chartData,\n            options: {\n                elements: {\n                    bar: {\n                        borderRadius: 0\n                    }\n                },\n                scales: {\n                    x: {\n                        grid: {\n                            display: false\n                        },\n                        stacked: this.options.stacked,\n                        ticks: {\n                            maxRotation: 0,\n                            autoSkipPadding: 20\n                        }\n                    },\n                    y: {\n                        title: {\n                            display: this.options.yTitle,\n                            text: this.options.yTitle\n                        },\n                        beginAtZero: true,\n                        stacked: this.options.stacked,\n                        grid: {\n                            drawBorder: false\n                        },\n                        ticks: {\n                            precision: this.options.precision\n                        }\n                    }\n                },\n                plugins: {\n                    tooltip: {\n                        callbacks: {\n                            title(context) {\n                                const [date, year] = context[0].label.split(',')\n                                return `${year}-${date}:`\n                            },\n                            label(context) {\n                                return context.formattedValue\n                            }\n                        }\n                    },\n                    legend: {\n                        display: this.options.legend,\n                        labels: {\n                            usePointStyle: true\n                        },\n                        position: 'bottom',\n                        onClick: (_, legendItem) => {\n                            this.$emit('legendClick', legendItem)\n                        }\n                    }\n                }\n            }\n        })\n    }\n}\n</script>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BarChart.vue?vue&type=template&id=8690af0e&\"\nimport script from \"./BarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./BarChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}