{"version":3,"sources":["webpack:///./src/views/dashboards/Graficos/Multiple/HMultiple.vue?3e82","webpack:///src/views/dashboards/Graficos/Multiple/HMultiple.vue","webpack:///./src/views/dashboards/Graficos/Multiple/HMultiple.vue?52e8","webpack:///./src/views/dashboards/Graficos/Multiple/HMultiple.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","chartOptions","staticRenderFns","name","data","cursos","titulos","grupos","width","height","title","points","chartType","seriesColor","colorInputIsSupported","animationDuration","updateArgs","duration","chart","zoomtype","text","x","xAxis","categories","tickmarkPlacement","lineWidth","crosshair","yAxis","labels","format","opposite","gridLineWidth","plotOptions","column","dataLabels","enabled","color","legend","series","type","marker","dashStyle","tooltip","headerFormat","pointFormat","zIndex","allowOverlap","exporting","buttons","contextButton","menuItems","responsive","rules","condition","maxWidth","align","verticalAlign","layout","pane","size","created","getMedidas","getIniciar","props","watch","newValue","toLowerCase","Number","methods","titulo","window","innerWidth","serie","denominador","numerador","avance","screen","devicePixelRatio","component"],"mappings":"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","file":"js/chunk-2d20977e.0832c901.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:{\"options\":_vm.chartOptions}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"chartElem\">\r\n    <div class=\"row\">\r\n      <highcharts class=\"chart\" :options=\"chartOptions\" ></highcharts>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"MultipleAlerta\",\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            '36 MESES'\r\n        ],\r\n        width: 1,\r\n        height: 1,\r\n      title: '',\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            zoomtype: 'xy',\r\n        },\r\n        title: {\r\n          text: 'Avance Acumulado',\r\n          x: -80\r\n        },\r\n\r\n        xAxis: {\r\n            categories: [],\r\n            tickmarkPlacement: 'on',\r\n            lineWidth: 0,\r\n            crosshair: true\r\n        },\r\n\r\n        yAxis: [{ // Primary yAxis\r\n        labels: {\r\n            format: '{value} %',\r\n        },\r\n        title: {\r\n            text: 'Cobertura',\r\n        },\r\n        opposite: true\r\n\r\n    }, { // Secondary yAxis\r\n        gridLineWidth: 0,\r\n        title: {\r\n            text: 'Avance y Meta',\r\n        },\r\n        labels: {\r\n            format: '{value}',\r\n        }\r\n\r\n    }],\r\n\r\n        plotOptions: {\r\n            column: {\r\n                dataLabels: {\r\n                    enabled: true,\r\n                    color: 'black'\r\n                },\r\n            }\r\n        },\r\n        legend: {\r\n        },\r\n\r\n        series: [\r\n        {\r\n        name: 'Meta',\r\n        type: 'column',\r\n        color: 'red',\r\n        yAxis: 1,\r\n        data: [],\r\n        marker: {\r\n            enabled: false\r\n        },\r\n        dashStyle: 'shortdot',\r\n        dataLabels: {\r\n            color:'#e00000',\r\n            enabled: true\r\n        }\r\n\r\n    }, {\r\n        name: 'Avance',\r\n        type: 'column',\r\n        color: 'blue',\r\n        yAxis: 1,\r\n        data: [],\r\n        dataLabels: {\r\n            color:'#003da0',\r\n        }\r\n    }, {\r\n        name: 'Cobertura',\r\n        type: 'spline',\r\n        color: 'green',\r\n        data: [],\r\n        tooltip: {\r\n            headerFormat: '<b>{series.name}</b><br/>',\r\n            pointFormat: '{point.category}: {point.y}%'\r\n        },\r\n        dataLabels: {\r\n                enabled: true,\r\n                format: '{point.y} %',\r\n                zIndex: 6,\r\n                allowOverlap: true,\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.getMedidas()\r\n    this.getIniciar()\r\n  },\r\n  props: ['serie','numerador','denominador','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\r\n      //this.chartOptions.chart.width = this.width * 0.7\r\n      //this.chartOptions.chart.height = this.height *0.5\r\n      this.chartOptions.chart.width = window.innerWidth - 100\r\n      this.chartOptions.xAxis.categories = this.serie      \r\n      this.chartOptions.series[0].data = this.denominador\r\n      this.chartOptions.series[1].data = this.numerador\r\n      this.chartOptions.series[2].data = this.avance\r\n    },\r\n    getMedidas(){\r\n        this.width = window.screen.width * window.devicePixelRatio\r\n        this.height = window.screen.height * window.devicePixelRatio\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!./HMultiple.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!./HMultiple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HMultiple.vue?vue&type=template&id=3eb7d49d&\"\nimport script from \"./HMultiple.vue?vue&type=script&lang=js&\"\nexport * from \"./HMultiple.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":""}