{"version":3,"sources":["webpack:///./src/components/ChartBarSingle.vue","webpack:///src/components/ChartBarSingle.vue","webpack:///./src/components/ChartBarSingle.vue?c218"],"names":["render","staticRenderFns","extends","props","watch","data","methods","renderLineChart","getContext","createLinearGradient","gradiente1","gradiente2","labels","borderWidth","datasets","backgroundColor","scaleSteps","scaleStartValue","layout","padding","top","tooltips","enabled","plugins","datalabels","formatter","anchor","align","color","font","family","weight","responsive","maintainAspectRatio","legend","scales","xAxes","ticks","fontColor","gridLines","display","yAxes","mounted","component"],"mappings":"6HAAIA,EAAQC,E,iCCIG,GACfC,eACAC,eACAC,OACAC,gBACA,4BACA,yBAGAC,SACAC,kBACA,wBACAC,WAAA,MACAC,qBAAA,WACAC,0CACAA,0CACAA,wCACA,wBACAF,WAAA,MACAC,qBAAA,WACAE,0CACAA,2CACA,iBACA,CACAC,uBACAC,cACAC,UACA,CACAT,oBACAU,0CACA,0CACAJ,EACAD,MAKA,CACAM,aACAC,kBACAC,QACAC,SACAC,SAGAC,UACAC,YAEAC,SACAC,YACAC,sBACA,cAEAC,aACAC,YACAC,gCACA,0CACAjB,EACAD,GAEAmB,MACAC,mBACAC,iBAIAC,cACAC,uBACAC,UACAC,QACAC,OACA,CACAC,OACAC,qBAEAC,WACAC,cAIAC,OACA,CACAD,WACAD,WACAX,iCASAc,UACA,oBACA,yBCnGwV,I,YFOpVC,EAAY,eACd,EACA3C,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAA0C,E","file":"js/chunk-2d0cc978.26bb687b.js","sourcesContent":["var render, staticRenderFns\nimport script from \"./ChartBarSingle.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartBarSingle.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: [\"data\"],\n  watch: {\n    data: 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.data.label,\n          borderWidth: 0,\n          datasets: [\n            {\n              data: this.data.data,\n              backgroundColor: this.data.data.map((item, index) => {\n                return index >= this.data.label.length - this.data.green\n                  ? gradiente2\n                  : gradiente1;\n              })\n            }\n          ]\n        },\n        {\n          scaleSteps: 9,\n          scaleStartValue: 0,\n          layout: {\n            padding: {\n              top: 30\n            }\n          },\n          tooltips: {\n            enabled: false\n          },\n          plugins: {\n            datalabels: {\n              formatter: function(value) {\n                return value + \"%\";\n              },\n              anchor: \"end\",\n              align: \"end\",\n              color: this.data.data.map((item, index) => {\n                return index >= this.data.label.length - this.data.green\n                  ? gradiente2\n                  : gradiente1;\n              }),\n              font: {\n                family: \"SanukOffc\",\n                weight: \"bold\"\n              }\n            }\n          },\n          responsive: true,\n          maintainAspectRatio: false,\n          legend: false,\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          }\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!./ChartBarSingle.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!./ChartBarSingle.vue?vue&type=script&lang=js&\""],"sourceRoot":""}