{"version":3,"sources":["webpack:///./src/views/dashboards/Graficos/Multiple/MultipleN.vue?7378","webpack:///src/views/dashboards/Graficos/Multiple/MultipleN.vue","webpack:///./src/views/dashboards/Graficos/Multiple/MultipleN.vue?706e","webpack:///./src/views/dashboards/Graficos/Multiple/MultipleN.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","chartOptions","updateArgs","staticRenderFns","name","data","cursos","titulos","grupos","title","style","wordWrap","points","chartType","seriesColor","colorInputIsSupported","animationDuration","duration","chart","type","text","pane","size","xAxis","categories","tickmarkPlacement","lineWidth","yAxis","gridLineInterpolation","min","plotOptions","area","dataLabels","enabled","color","tooltip","headerFormat","pointFormat","legend","series","pointPlacement","format","fontSize","borderColor","exporting","buttons","contextButton","menuItems","responsive","rules","condition","maxWidth","align","verticalAlign","layout","created","getIniciar","props","watch","newValue","toLowerCase","Number","methods","titulo","width","window","innerWidth","serie","avance","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,aAAa,CAACE,YAAY,QAAQC,MAAM,CAAC,OAAS,OAAO,QAAUP,EAAIQ,aAAa,WAAaR,EAAIS,eAAe,MACrRC,EAAkB,GCQP,G,UAAA,CACfC,KAAA,YACAC,KAAA,kBACAC,OAAA,CACA,UACA,OACA,cACA,QACA,SACA,gBAEAC,QAAA,CACA,kCACA,4BACA,mCACA,6BACA,8BACA,qCAEAC,OAAA,CACA,UACA,iBACA,QACA,SACA,SACA,SACA,kBAEAC,MAAA,CACAC,MAAA,CACAC,SAAA,aACA,wBAGAC,OAAA,mBACAC,UAAA,SACAC,YAAA,UACAC,sBAAA,KACAC,kBAAA,IACAd,WAAA,QAAAe,SAAA,MACAhB,aAAA,CACAiB,MAAA,CACAC,KAAA,QAEAV,MAAA,CACAW,KAAA,iBACAV,MAAA,CACAC,SAAA,aACA,wBAGAU,KAAA,CACAC,KAAA,QAGAC,MAAA,CACAC,WAAA,GACAC,kBAAA,KACAC,UAAA,GAGAC,MAAA,CACAC,sBAAA,UACAF,UAAA,EACAG,IAAA,EACApB,MAAA,CACAW,KAAA,eAIAU,YAAA,CACAC,KAAA,CACAC,WAAA,CACAC,SAAA,EACAC,MAAA,WAKAC,QAAA,CACAC,aAAA,4BACAC,YAAA,gCAGAC,OAAA,GAGAC,OAAA,EACAnC,KAAA,sBACAC,KAAA,GACA6B,MAAA,UACAM,eAAA,KACArB,KAAA,OACAa,WAAA,CACAC,SAAA,EACAQ,OAAA,cACA/B,MAAA,CACAgC,SAAA,OACAC,YAAA,UAKAC,UAAA,CACAC,QAAA,CACAC,cAAA,CACAC,UAAA,iEAKAC,WAAA,CACAC,MAAA,EACAC,UAAA,CACAC,SAAA,KAEAlD,aAAA,CACAqC,OAAA,CACAc,MAAA,SACAC,cAAA,SACAC,OAAA,cAEAjC,KAAA,CACAC,KAAA,cAOAiC,QAAA,WACA,KAAAC,cAEAC,MAAA,wCACAC,MAAA,CACAjD,MAAA,SAAAkD,GACA,KAAA1D,aAAAQ,MAAAW,KAAAuC,GAEA/C,OAAA,SAAA+C,GACA,KAAA1D,aAAAsC,OAAA,GAAAlC,KAAAsD,GAEA9C,UAAA,SAAA8C,GACA,KAAA1D,aAAAiB,MAAAC,KAAAwC,EAAAC,eAEA9C,YAAA,SAAA6C,GACA,KAAA1D,aAAAsC,OAAA,GAAAL,MAAAyB,EAAAC,eAEA5C,kBAAA,SAAA2C,GACA,KAAAzD,WAAA,GAAAe,SAAA4C,OAAAF,KAGAG,QAAA,CACAN,WAAA,WACA,KAAAvD,aAAAQ,MAAAW,KAAA,KAAA2C,OAAA,sBACA,KAAA9D,aAAAiB,MAAA8C,MAAAC,OAAAC,WAAA,QACA,KAAAjE,aAAAsB,MAAAC,WAAA,KAAA2C,MACA,KAAAlE,aAAAsC,OAAA,GAAAlC,KAAA,KAAA+D,WCrKma,I,YCO/ZC,EAAY,eACd,EACA7E,EACAW,GACA,EACA,KACA,KACA,MAIa,aAAAkE,E","file":"js/chunk-2d0b9c12.111a8a85.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chartElem\"},[_c('div',{staticClass:\"row\"},[_c('highcharts',{staticClass:\"chart\",attrs:{\"height\":\"1500\",\"options\":_vm.chartOptions,\"updateArgs\":_vm.updateArgs}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"chartElem\">\r\n    <div class=\"row\">\r\n      <highcharts class=\"chart\" height=\"1500\" :options=\"chartOptions\" :updateArgs=\"updateArgs\"></highcharts>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"MultipleN\",\r\n    data: () => ({\r\n      cursos: [\r\n            'Materno',\r\n            'Niño',\r\n            'Adolescente',\r\n            'Joven',\r\n            'Adulto',\r\n            'Adulto Mayor', \r\n        ],\r\n        titulos: [\r\n            'Cuidado Integral de la Gestante',\r\n            'Cuidado Integral del Niño',\r\n            'Cuidado Integral del Adolescente',\r\n            'Cuidado Integral del Joven',\r\n            'Cuidado Integral del Adulto',\r\n            'Cuidado Integral del Adulto Mayor', \r\n        ],\r\n        grupos: [\r\n            'NEONATO',\r\n            'MENOR DE 1 AÑO',\r\n            '1 AÑO',\r\n            '2 AÑOS',\r\n            '3 AÑOS',\r\n            '4 AÑOS',\r\n            'DE 5 a 11 AÑOS',\r\n        ],\r\n      title: {\r\n        style: {\r\n            wordWrap: 'break-word',\r\n            'text-align': 'center'\r\n          }\r\n      },\r\n      points: [10, 0, 8, 2, 6, 4, 5, 5],\r\n      chartType: 'Spline',\r\n      seriesColor: '#6fcd98',\r\n      colorInputIsSupported: null,\r\n      animationDuration: 1000,\r\n      updateArgs: [true, true, {duration: 1000}],\r\n      chartOptions: {\r\n        chart: {\r\n            type: 'line'\r\n        },\r\n        title: {\r\n          text: 'Avance Mensual',\r\n          style: {\r\n            wordWrap: 'break-word',\r\n            'text-align': 'center'\r\n          }\r\n        },\r\n        pane: {\r\n            size: '100%'\r\n        },\r\n\r\n        xAxis: {\r\n            categories: [],\r\n            tickmarkPlacement: 'on',\r\n            lineWidth: 0\r\n        },\r\n\r\n        yAxis: {\r\n            gridLineInterpolation: 'polygon',\r\n            lineWidth: 0,\r\n            min: 0,\r\n            title: {\r\n            text: 'Avance (%)'\r\n            }\r\n        },\r\n\r\n        plotOptions: {\r\n            area: {\r\n                dataLabels: {\r\n                    enabled: true,\r\n                    color: 'black'\r\n                },\r\n            }\r\n        },\r\n\r\n        tooltip: {\r\n            headerFormat: '<b>{series.name}</b><br/>',\r\n            pointFormat: '{point.category}: {point.y}%'\r\n        },\r\n\r\n        legend: {\r\n        },\r\n\r\n        series: [{\r\n            name: '% de Avance Mensual',\r\n            data: [],\r\n            color: '#33C1FF',\r\n            pointPlacement: 'on',\r\n            type: 'line',\r\n            dataLabels: {\r\n                enabled: true,\r\n                format: '{point.y} %',\r\n                style: {\r\n                  fontSize: '10px',\r\n                  borderColor: \"red\",\r\n                }\r\n            },\r\n        }],\r\n\r\n        exporting: {\r\n            buttons: {\r\n                contextButton: {\r\n                    menuItems: ['viewFullscreen', 'downloadPNG', 'downloadJPEG', 'downloadPDF']\r\n                }\r\n            }\r\n        },\r\n\r\n        responsive: {\r\n            rules: [{\r\n                condition: {\r\n                    maxWidth: 400,\r\n                },\r\n                chartOptions: {\r\n                    legend: {\r\n                        align: 'center',\r\n                        verticalAlign: 'bottom',\r\n                        layout: 'horizontal'\r\n                    },\r\n                    pane: {\r\n                        size: '80%'\r\n                    }\r\n                }\r\n            }]\r\n        }\r\n      },\r\n  }),\r\n  created () {\r\n    this.getIniciar()\r\n  },\r\n  props: ['serie','numerador','avance','titulo'],\r\n  watch: {\r\n    title (newValue) {\r\n      this.chartOptions.title.text = newValue\r\n    },\r\n    points (newValue) {\r\n      this.chartOptions.series[0].data = newValue\r\n    },\r\n    chartType (newValue) {\r\n      this.chartOptions.chart.type = newValue.toLowerCase()\r\n    },\r\n    seriesColor (newValue) {\r\n      this.chartOptions.series[0].color = newValue.toLowerCase()\r\n    },\r\n    animationDuration (newValue) {\r\n      this.updateArgs[2].duration = Number(newValue)\r\n    }\r\n  },\r\n  methods: {\r\n    getIniciar() {\r\n      this.chartOptions.title.text = this.titulo+' (% Avance Mensual)'\r\n      this.chartOptions.chart.width = (window.innerWidth/12*4) *0.9\r\n      this.chartOptions.xAxis.categories = this.serie\r\n      this.chartOptions.series[0].data = this.avance\r\n    },\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./MultipleN.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/@vue/cli-plugin-babel/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!./MultipleN.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultipleN.vue?vue&type=template&id=57dd76dd&\"\nimport script from \"./MultipleN.vue?vue&type=script&lang=js&\"\nexport * from \"./MultipleN.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":""}