{"version":3,"sources":["webpack:///./src/components/ChartBarMultiple.vue","webpack:///src/components/ChartBarMultiple.vue","webpack:///./src/components/ChartBarMultiple.vue?7410"],"names":["render","staticRenderFns","extends","props","watch","data1","methods","renderLineChart","getContext","createLinearGradient","gradiente1","gradiente2","labels","borderWidth","datasets","backgroundColor","label","data","yAxisID","layout","padding","top","tooltips","enabled","plugins","datalabels","anchor","align","color","font","family","weight","size","responsive","maintainAspectRatio","showAllTooltips","scales","xAxes","ticks","fontColor","gridLines","display","yAxes","id","type","position","precision","beginAtZero","steps","stepValue","max","legend","fontStyle","mounted","component"],"mappings":"2HAAIA,EAAQC,E,iCCIG,GACfC,eACAC,wBACAC,OACAC,iBACA,4BACA,yBAGAC,SACAC,kBACA,wBACAC,WAAA,MACAC,qBAAA,WACAC,0CACAA,0CACAA,wCACA,wBACAF,WAAA,MACAC,qBAAA,WACAE,0CACAA,2CACA,iBACA,CACAC,wBACAC,cACAC,UACA,CACAC,kBACAC,aACAC,qBACAC,aAEA,CACAH,kBACAC,mBACAC,qBACAC,gBAIA,CACAC,QACAC,SACAC,SAGAC,UACAC,YAEAC,SACAC,YACAC,aACAC,YACAC,gBACAC,MACAC,mBACAC,cACAC,WAIAC,cACAC,uBACAC,mBACAC,QACAC,OACA,CACAC,OACAC,qBAEAC,WACAC,cAIAC,OACA,CACAD,WACAD,WACAZ,2BAGA,CACAe,OACAC,cACAH,WACAI,gBACAP,OACAQ,YACAC,eACAC,SACAC,YACAC,QAGA,CACAP,QACAC,cACAH,WACAI,iBACAP,OACAQ,YACAC,eACAC,SACAC,YACAC,UAKAC,QACAN,kBACAjC,QACA2B,oBACAa,uBAOAC,UACA,oBACA,yBChI0V,I,YFOtVC,EAAY,eACd,EACAtD,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAqD,E","file":"js/chunk-2d22cc37.9985e1dc.js","sourcesContent":["var render, staticRenderFns\nimport script from \"./ChartBarMultiple.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartBarMultiple.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","<script>\nimport { Bar } from \"vue-chartjs\";\nimport ChartDataLabels from \"chartjs-plugin-datalabels\";\n\nexport default {\n  extends: Bar,\n  props: [\"data1\", \"data2\"],\n  watch: {\n    data1: function() {\n      this._data._chart.destroy();\n      this.renderLineChart();\n    }\n  },\n  methods: {\n    renderLineChart() {\n      var gradiente1 = this.$refs.canvas\n        .getContext(\"2d\")\n        .createLinearGradient(0, 0, 0, 250);\n      gradiente1.addColorStop(0, \"rgba(36, 166, 235, 1)\");\n      gradiente1.addColorStop(0.6, \"rgba(0, 133, 203, 1)\");\n      gradiente1.addColorStop(1, \"rgba(0, 91, 148, 1)\");\n      var gradiente2 = this.$refs.canvas\n        .getContext(\"2d\")\n        .createLinearGradient(0, 0, 0, 250);\n      gradiente2.addColorStop(0, \"rgba(87, 176, 223, 1)\");\n      gradiente2.addColorStop(1, \"rgba(101, 187, 233, 1)\");\n      this.renderChart(\n        {\n          labels: this.data1.label,\n          borderWidth: 0,\n          datasets: [\n            {\n              backgroundColor: gradiente1,\n              label: \"Ideb\",\n              data: this.data1.data,\n              yAxisID: \"y\"\n            },\n            {\n              backgroundColor: gradiente2,\n              label: \"Meta Ideb*\",\n              data: this.data2.data,\n              yAxisID: \"y1\"\n            }\n          ]\n        },\n        {\n          layout: {\n            padding: {\n              top: 30\n            }\n          },\n          tooltips: {\n            enabled: false\n          },\n          plugins: {\n            datalabels: {\n              anchor: \"end\",\n              align: \"end\",\n              color: \"#2a3a66\",\n              font: {\n                family: \"SanukOffc\",\n                weight: \"bold\",\n                size: 11\n              }\n            }\n          },\n          responsive: true,\n          maintainAspectRatio: false,\n          showAllTooltips: true,\n          scales: {\n            xAxes: [\n              {\n                ticks: {\n                  fontColor: \"#2a3a66\"\n                },\n                gridLines: {\n                  display: false\n                }\n              }\n            ],\n            yAxes: [\n              {\n                display: false,\n                gridLines: {\n                  color: \"rgba(0, 0, 0, 1)\"\n                }\n              },\n              {\n                id: \"y\",\n                type: \"linear\",\n                display: false,\n                position: \"left\",\n                ticks: {\n                  precision: 0,\n                  beginAtZero: true,\n                  steps: 0.1,\n                  stepValue: 5,\n                  max: 6\n                }\n              },\n              {\n                id: \"y1\",\n                type: \"linear\",\n                display: false,\n                position: \"right\",\n                ticks: {\n                  precision: 0,\n                  beginAtZero: true,\n                  steps: 0.1,\n                  stepValue: 5,\n                  max: 6\n                }\n              }\n            ]\n          },\n          legend: {\n            position: \"bottom\",\n            labels: {\n              fontColor: \"#2a3a66\",\n              fontStyle: \"bold\"\n            }\n          }\n        }\n      );\n    }\n  },\n  mounted() {\n    this.addPlugin(ChartDataLabels);\n    this.renderLineChart();\n  }\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartBarMultiple.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartBarMultiple.vue?vue&type=script&lang=js&\""],"sourceRoot":""}