{"version":3,"sources":["webpack:///./src/views/charts-and-maps/charts/chartjs/Chartjs.vue?7f35","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentBarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentLineChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentPieChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentRadarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentPolarAreaChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentDoughnutChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentHorizontalBarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentBubbleChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentScatterChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsBarChart.vue?a0f0","webpack:///src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentBarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentBarChart.vue?d119","webpack:///src/views/charts-and-maps/charts/chartjs/ChartjsBarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsBarChart.vue?a4a1","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsBarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsLineChart.vue?df84","webpack:///src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentLineChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentLineChart.vue?ed0e","webpack:///src/views/charts-and-maps/charts/chartjs/ChartjsLineChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsLineChart.vue?900a","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsLineChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsPieChart.vue?f7df","webpack:///src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentPieChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentPieChart.vue?2fda","webpack:///src/views/charts-and-maps/charts/chartjs/ChartjsPieChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsPieChart.vue?ffb7","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsPieChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsRadarChart.vue?3655","webpack:///src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentRadarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentRadarChart.vue?d783","webpack:///src/views/charts-and-maps/charts/chartjs/ChartjsRadarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsRadarChart.vue?b826","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsRadarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsPolarAreaChart.vue?6656","webpack:///src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentPolarAreaChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentPolarAreaChart.vue?1954","webpack:///src/views/charts-and-maps/charts/chartjs/ChartjsPolarAreaChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsPolarAreaChart.vue?f36d","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsPolarAreaChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsDoughnutChart.vue?cefa","webpack:///src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentDoughnutChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentDoughnutChart.vue?38b0","webpack:///src/views/charts-and-maps/charts/chartjs/ChartjsDoughnutChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsDoughnutChart.vue?d27e","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsDoughnutChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsHorizontalBarChart.vue?3497","webpack:///src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentHorizontalBarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentHorizontalBarChart.vue?4332","webpack:///src/views/charts-and-maps/charts/chartjs/ChartjsHorizontalBarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsHorizontalBarChart.vue?0c28","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsHorizontalBarChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsBubbleChart.vue?69ec","webpack:///src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentBubbleChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentBubbleChart.vue?8ba0","webpack:///src/views/charts-and-maps/charts/chartjs/ChartjsBubbleChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsBubbleChart.vue?88e1","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsBubbleChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsScatterChart.vue?6a89","webpack:///src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentScatterChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/charts-components/ChartjsComponentScatterChart.vue?3b86","webpack:///src/views/charts-and-maps/charts/chartjs/ChartjsScatterChart.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsScatterChart.vue?2373","webpack:///./src/views/charts-and-maps/charts/chartjs/ChartjsScatterChart.vue","webpack:///src/views/charts-and-maps/charts/chartjs/Chartjs.vue","webpack:///./src/views/charts-and-maps/charts/chartjs/Chartjs.vue?3b23","webpack:///./src/views/charts-and-maps/charts/chartjs/Chartjs.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_m","staticClass","staticRenderFns","_v","data","options","slot","extends","props","type","default","mounted","renderChart","component","labels","datasets","label","backgroundColor","legend","display","title","text","components","ChartjsComponentBarChart","borderColor","fill","ChartjsComponentLineChart","ChartjsComponentPieChart","pointBorderColor","pointBackgroundColor","ChartjsComponentRadarChart","ChartjsComponentPolarAreaChart","ChartjsComponentDoughnutChart","ChartjsComponentHorizontalBarChart","x","y","r","scales","yAxes","scaleLabel","labelString","xAxes","ChartjsComponentBubbleChart","pointBorderWidth","pointHoverBorderWidth","pointRadius","responsive","maintainAspectRatio","responsiveAnimationDuration","position","gridLines","zeroLineColor","color","drawTicks","ChartjsComponentScatterChart","ChartjsBarChart","ChartjsLineChart","ChartjsPieChart","ChartjsRadarChart","ChartjsPolarAreaChart","ChartjsDoughnutChart","ChartjsHorizontalBarChart","ChartjsScatterChart","ChartjsBubbleChart"],"mappings":"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","file":"js/chunk-2d0f1181.2c348a2e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"extra-component-chartjs-demo\"}},[_vm._m(0),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full md:w-1/2\"},[_c('chartjs-line-chart')],1),_c('div',{staticClass:\"vx-col w-full md:w-1/2\"},[_c('chartjs-bar-chart')],1),_c('div',{staticClass:\"vx-col w-full md:w-1/2\"},[_c('chartjs-horizontal-bar-chart')],1),_c('div',{staticClass:\"vx-col w-full md:w-1/2\"},[_c('chartjs-pie-chart')],1),_c('div',{staticClass:\"vx-col w-full md:w-1/2\"},[_c('chartjs-doughnut-chart')],1),_c('div',{staticClass:\"vx-col w-full md:w-1/2\"},[_c('chartjs-radar-chart')],1),_c('div',{staticClass:\"vx-col w-full md:w-1/2\"},[_c('chartjs-polar-area-chart')],1),_c('div',{staticClass:\"vx-col w-full md:w-1/2\"},[_c('chartjs-bubble-chart')],1),_c('div',{staticClass:\"vx-col w-full\"},[_c('chartjs-scatter-chart')],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"mb-4\"},[_vm._v(\"You can easily create reuseable chart components. \"),_c('a',{attrs:{\"href\":\"https://vue-chartjs.org/\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"vue-chartjs\")]),_vm._v(\" is a wrapper for Chart.js. Read full documnetation \"),_c('a',{attrs:{\"href\":\"https://vue-chartjs.org/guide/\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"here\")])])}]\n\nexport { render, staticRenderFns }","var render, staticRenderFns\nimport script from \"./ChartjsComponentBarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsComponentBarChart.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","var render, staticRenderFns\nimport script from \"./ChartjsComponentLineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsComponentLineChart.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","var render, staticRenderFns\nimport script from \"./ChartjsComponentPieChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsComponentPieChart.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","var render, staticRenderFns\nimport script from \"./ChartjsComponentRadarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsComponentRadarChart.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","var render, staticRenderFns\nimport script from \"./ChartjsComponentPolarAreaChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsComponentPolarAreaChart.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","var render, staticRenderFns\nimport script from \"./ChartjsComponentDoughnutChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsComponentDoughnutChart.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","var render, staticRenderFns\nimport script from \"./ChartjsComponentHorizontalBarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsComponentHorizontalBarChart.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","var render, staticRenderFns\nimport script from \"./ChartjsComponentBubbleChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsComponentBubbleChart.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","var render, staticRenderFns\nimport script from \"./ChartjsComponentScatterChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsComponentScatterChart.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Bar Chart\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mt-5\"},[_c('chartjs-component-bar-chart',{attrs:{\"height\":250,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<script>\\nimport { Bar } from 'vue-chartjs'\\n\\nexport default {\\n  extends: Line,\\n  data() {\\n    return {\\n      data: {\\n        labels: [\\\"Africa\\\", \\\"Asia\\\", \\\"Europe\\\", \\\"Latin America\\\", \\\"North America\\\"],\\n        datasets: [{\\n          label: \\\"Population (millions)\\\",\\n          backgroundColor: [\\\"#3e95cd\\\", \\\"#8e5ea2\\\", \\\"#3cba9f\\\", \\\"#e8c3b9\\\", \\\"#c45850\\\"],\\n          data: [2478, 5267, 734, 784, 433]\\n        }]\\n      },\\n      options: {\\n        legend: { display: false },\\n        title: {\\n          display: true,\\n          text: 'Predicted world population (millions) in 2050'\\n        }\\n      }\\n    }\\n  }\\n  mounted () {\\n    this.renderChart(this.data, this.options)\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ChartjsComponentBarChart.vue\n  Description: Chartjs component - Bar Chart\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<script>\nimport { Bar } from 'vue-chartjs'\n\nexport default {\n  extends: Bar,\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentBarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentBarChart.vue?vue&type=script&lang=js&\"","<!-- =========================================================================================\n    File Name: ChartBarChart.vue\n    Description: Create bar chart\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Bar Chart\" class=\"mb-base\" code-toggler>\n\n        <div class=\"mt-5\">\n            <chartjs-component-bar-chart :height=\"250\" :data=\"data\" :options=\"options\"></chartjs-component-bar-chart>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;script&gt;\nimport { Bar } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  data() {\n    return {\n      data: {\n        labels: [&quot;Africa&quot;, &quot;Asia&quot;, &quot;Europe&quot;, &quot;Latin America&quot;, &quot;North America&quot;],\n        datasets: [{\n          label: &quot;Population (millions)&quot;,\n          backgroundColor: [&quot;#3e95cd&quot;, &quot;#8e5ea2&quot;, &quot;#3cba9f&quot;, &quot;#e8c3b9&quot;, &quot;#c45850&quot;],\n          data: [2478, 5267, 734, 784, 433]\n        }]\n      },\n      options: {\n        legend: { display: false },\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  }\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport ChartjsComponentBarChart from './charts-components/ChartjsComponentBarChart.vue'\nexport default {\n  data () {\n    return {\n      data: {\n        labels: ['Africa', 'Asia', 'Europe', 'Latin America', 'North America'],\n        datasets: [\n          {\n            label: 'Population (millions)',\n            // backgroundColor: [\"#3e95cd\", \"#8e5ea2\", \"#3cba9f\", \"#e8c3b9\", \"#c45850\"],\n            backgroundColor: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E'],\n            data: [2478, 5267, 734, 784, 433]\n          }\n        ]\n      },\n      options: {\n        legend: { display: false },\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  },\n  components: {\n    ChartjsComponentBarChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsBarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsBarChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsBarChart.vue?vue&type=template&id=874f03de&\"\nimport script from \"./ChartjsBarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsBarChart.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Line Chart\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mt-5\"},[_c('chartjs-component-line-chart',{attrs:{\"height\":250,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<script>\\nimport { Line } from 'vue-chartjs'\\n\\nexport default {\\n  extends: Line,\\n  data() {\\n    return {\\n      data: {\\n        labels: [1500, 1600, 1700, 1750, 1800, 1850, 1900, 1950, 1999, 2050],\\n        datasets: [{\\n          data: [86, 114, 106, 106, 107, 111, 133, 221, 783, 2478],\\n          label: \\\"Africa\\\",\\n          borderColor: \\\"#3e95cd\\\",\\n          fill: false\\n        }, {\\n          data: [282, 350, 411, 502, 635, 809, 947, 1402, 3700, 5267],\\n          label: \\\"Asia\\\",\\n          borderColor: \\\"#8e5ea2\\\",\\n          fill: false\\n        }, {\\n          data: [168, 170, 178, 190, 203, 276, 408, 547, 675, 734],\\n          label: \\\"Europe\\\",\\n          borderColor: \\\"#3cba9f\\\",\\n          fill: false\\n        }, {\\n          data: [40, 20, 10, 16, 24, 38, 74, 167, 508, 784],\\n          label: \\\"Latin America\\\",\\n          borderColor: \\\"#e8c3b9\\\",\\n          fill: false\\n        }, {\\n          data: [6, 3, 2, 2, 7, 26, 82, 172, 312, 433],\\n          label: \\\"North America\\\",\\n          borderColor: \\\"#c45850\\\",\\n          fill: false\\n        }]\\n      },\\n      options: {\\n        title: {\\n          display: true,\\n          text: 'World population per region (in millions)'\\n        }\\n      }\\n    }\\n  },\\n  mounted () {\\n    this.renderChart(this.data, this.options)\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ChartjsComponentLineChart.vue\n  Description: Chartjs component - Line Chart\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<script>\nimport { Line } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentLineChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentLineChart.vue?vue&type=script&lang=js&\"","<!-- =========================================================================================\n    File Name: ChartLineChart.vue\n    Description: Create line chart\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Line Chart\" class=\"mb-base\" code-toggler>\n\n        <div class=\"mt-5\">\n            <chartjs-component-line-chart :height=\"250\" :data=\"data\" :options=\"options\"></chartjs-component-line-chart>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;script&gt;\nimport { Line } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  data() {\n    return {\n      data: {\n        labels: [1500, 1600, 1700, 1750, 1800, 1850, 1900, 1950, 1999, 2050],\n        datasets: [{\n          data: [86, 114, 106, 106, 107, 111, 133, 221, 783, 2478],\n          label: &quot;Africa&quot;,\n          borderColor: &quot;#3e95cd&quot;,\n          fill: false\n        }, {\n          data: [282, 350, 411, 502, 635, 809, 947, 1402, 3700, 5267],\n          label: &quot;Asia&quot;,\n          borderColor: &quot;#8e5ea2&quot;,\n          fill: false\n        }, {\n          data: [168, 170, 178, 190, 203, 276, 408, 547, 675, 734],\n          label: &quot;Europe&quot;,\n          borderColor: &quot;#3cba9f&quot;,\n          fill: false\n        }, {\n          data: [40, 20, 10, 16, 24, 38, 74, 167, 508, 784],\n          label: &quot;Latin America&quot;,\n          borderColor: &quot;#e8c3b9&quot;,\n          fill: false\n        }, {\n          data: [6, 3, 2, 2, 7, 26, 82, 172, 312, 433],\n          label: &quot;North America&quot;,\n          borderColor: &quot;#c45850&quot;,\n          fill: false\n        }]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'World population per region (in millions)'\n        }\n      }\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport ChartjsComponentLineChart from './charts-components/ChartjsComponentLineChart.vue'\nexport default {\n  data () {\n    return {\n      data: {\n        labels: [1500, 1600, 1700, 1750, 1800, 1850, 1900, 1950, 1999, 2050],\n        datasets: [\n          {\n            data: [86, 114, 106, 106, 107, 111, 133, 221, 783, 2478],\n            label: 'Africa',\n            borderColor: '#7367F0',\n            fill: false\n          }, {\n            data: [282, 350, 411, 502, 635, 809, 947, 1402, 3700, 5267],\n            label: 'Asia',\n            borderColor: '#28C76F',\n            fill: false\n          }, {\n            data: [168, 170, 178, 190, 203, 276, 408, 547, 675, 734],\n            label: 'Europe',\n            borderColor: '#EA5455',\n            fill: false\n          }, {\n            data: [40, 20, 10, 16, 24, 38, 74, 167, 508, 784],\n            label: 'Latin America',\n            borderColor: '#FF9F43',\n            fill: false\n          }, {\n            data: [6, 3, 2, 2, 7, 26, 82, 172, 312, 433],\n            label: 'North America',\n            borderColor: '#1E1E1E',\n            fill: false\n          }\n        ]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'World population per region (in millions)'\n        }\n      }\n    }\n  },\n  components: {\n    ChartjsComponentLineChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsLineChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsLineChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsLineChart.vue?vue&type=template&id=e55f9bd2&\"\nimport script from \"./ChartjsLineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsLineChart.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Pie Chart\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mt-5\"},[_c('chartjs-component-pie-chart',{attrs:{\"height\":250,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<script>\\nimport { Pie } from 'vue-chartjs'\\n\\nexport default {\\n  extends: Line,\\n  data() {\\n    return {\\n      data: {\\n        labels: [\\\"Africa\\\", \\\"Asia\\\", \\\"Europe\\\", \\\"Latin America\\\", \\\"North America\\\"],\\n        datasets: [{\\n          label: \\\"Population (millions)\\\",\\n          backgroundColor: [\\\"#3e95cd\\\", \\\"#8e5ea2\\\", \\\"#3cba9f\\\", \\\"#e8c3b9\\\", \\\"#c45850\\\"],\\n          data: [2478, 5267, 734, 784, 433]\\n        }]\\n      },\\n      options: {\\n        title: {\\n          display: true,\\n          text: 'Predicted world population (millions) in 2050'\\n        }\\n      }\\n    }\\n  }\\n  mounted () {\\n    this.renderChart(this.data, this.options)\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ChartjsComponentPieChart.vue\n  Description: Chartjs component - Pie Chart\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<script>\nimport { Pie } from 'vue-chartjs'\n\nexport default {\n  extends: Pie,\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentPieChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentPieChart.vue?vue&type=script&lang=js&\"","<!-- =========================================================================================\n    File Name: ChartPieChart.vue\n    Description: Create pie chart\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Pie Chart\" class=\"mb-base\" code-toggler>\n\n        <div class=\"mt-5\">\n            <chartjs-component-pie-chart :height=\"250\" :data=\"data\" :options=\"options\"></chartjs-component-pie-chart>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;script&gt;\nimport { Pie } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  data() {\n    return {\n      data: {\n        labels: [&quot;Africa&quot;, &quot;Asia&quot;, &quot;Europe&quot;, &quot;Latin America&quot;, &quot;North America&quot;],\n        datasets: [{\n          label: &quot;Population (millions)&quot;,\n          backgroundColor: [&quot;#3e95cd&quot;, &quot;#8e5ea2&quot;, &quot;#3cba9f&quot;, &quot;#e8c3b9&quot;, &quot;#c45850&quot;],\n          data: [2478, 5267, 734, 784, 433]\n        }]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  }\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport ChartjsComponentPieChart from './charts-components/ChartjsComponentPieChart.vue'\nexport default {\n  data () {\n    return {\n      data: {\n        labels: ['Africa', 'Asia', 'Europe', 'Latin America', 'North America'],\n        datasets: [\n          {\n            label: 'Population (millions)',\n            backgroundColor: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E'],\n            data: [2478, 5267, 734, 784, 433]\n          }\n        ]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  },\n  components: {\n    ChartjsComponentPieChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsPieChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsPieChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsPieChart.vue?vue&type=template&id=731e5155&\"\nimport script from \"./ChartjsPieChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsPieChart.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Radar Chart\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mt-5\"},[_c('chartjs-component-radar-chart',{attrs:{\"height\":250,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<script>\\nimport { Radar } from 'vue-chartjs'\\n\\nexport default {\\n  extends: Line,\\n  data() {\\n    return {\\n      data: {\\n        labels: [\\\"Africa\\\", \\\"Asia\\\", \\\"Europe\\\", \\\"Latin America\\\", \\\"North America\\\"],\\n        datasets: [{\\n          label: \\\"1950\\\",\\n          fill: true,\\n          backgroundColor: \\\"rgba(179,181,198,0.2)\\\",\\n          borderColor: \\\"rgba(179,181,198,1)\\\",\\n          pointBorderColor: \\\"#fff\\\",\\n          pointBackgroundColor: \\\"rgba(179,181,198,1)\\\",\\n          data: [8.77, 55.61, 21.69, 6.62, 6.82]\\n        }, {\\n          label: \\\"2050\\\",\\n          fill: true,\\n          backgroundColor: \\\"rgba(255,99,132,0.2)\\\",\\n          borderColor: \\\"rgba(255,99,132,1)\\\",\\n          pointBorderColor: \\\"#fff\\\",\\n          pointBackgroundColor: \\\"rgba(255,99,132,1)\\\",\\n          pointBorderColor: \\\"#fff\\\",\\n          data: [25.48, 54.16, 7.61, 8.06, 4.45]\\n        }]\\n      },\\n      options: {\\n        title: {\\n          display: true,\\n          text: 'Distribution in % of world population'\\n        }\\n      }\\n    }\\n  }\\n  mounted () {\\n    this.renderChart(this.data, this.options)\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ChartjsComponentRadarChart.vue\n  Description: Chartjs component - Radar Chart\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<script>\nimport { Radar } from 'vue-chartjs'\n\nexport default {\n  extends: Radar,\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentRadarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentRadarChart.vue?vue&type=script&lang=js&\"","<!-- =========================================================================================\n    File Name: ChartRadarChart.vue\n    Description: Create radar chart\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Radar Chart\" class=\"mb-base\" code-toggler>\n\n        <div class=\"mt-5\">\n            <chartjs-component-radar-chart :height=\"250\" :data=\"data\" :options=\"options\"></chartjs-component-radar-chart>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;script&gt;\nimport { Radar } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  data() {\n    return {\n      data: {\n        labels: [&quot;Africa&quot;, &quot;Asia&quot;, &quot;Europe&quot;, &quot;Latin America&quot;, &quot;North America&quot;],\n        datasets: [{\n          label: &quot;1950&quot;,\n          fill: true,\n          backgroundColor: &quot;rgba(179,181,198,0.2)&quot;,\n          borderColor: &quot;rgba(179,181,198,1)&quot;,\n          pointBorderColor: &quot;#fff&quot;,\n          pointBackgroundColor: &quot;rgba(179,181,198,1)&quot;,\n          data: [8.77, 55.61, 21.69, 6.62, 6.82]\n        }, {\n          label: &quot;2050&quot;,\n          fill: true,\n          backgroundColor: &quot;rgba(255,99,132,0.2)&quot;,\n          borderColor: &quot;rgba(255,99,132,1)&quot;,\n          pointBorderColor: &quot;#fff&quot;,\n          pointBackgroundColor: &quot;rgba(255,99,132,1)&quot;,\n          pointBorderColor: &quot;#fff&quot;,\n          data: [25.48, 54.16, 7.61, 8.06, 4.45]\n        }]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Distribution in % of world population'\n        }\n      }\n    }\n  }\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport ChartjsComponentRadarChart from './charts-components/ChartjsComponentRadarChart.vue'\nexport default {\n  data () {\n    return {\n      data: {\n        labels: ['Africa', 'Asia', 'Europe', 'Latin America', 'North America'],\n        datasets: [\n          {\n            label: '1950',\n            fill: true,\n            backgroundColor: 'rgba(179,181,198,0.2)',\n            borderColor: 'rgba(179,181,198,1)',\n            pointBorderColor: '#fff',\n            pointBackgroundColor: 'rgba(179,181,198,1)',\n            data: [8.77, 55.61, 21.69, 6.62, 6.82]\n          }, {\n            label: '2050',\n            fill: true,\n            backgroundColor: 'rgba(255,99,132,0.2)',\n            borderColor: 'rgba(255,99,132,1)',\n            pointBorderColor: '#fff',\n            pointBackgroundColor: 'rgba(255,99,132,1)',\n            data: [25.48, 54.16, 7.61, 8.06, 4.45]\n          }\n        ]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Distribution in % of world population'\n        }\n      }\n    }\n  },\n  components: {\n    ChartjsComponentRadarChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsRadarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsRadarChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsRadarChart.vue?vue&type=template&id=ed3f1eda&\"\nimport script from \"./ChartjsRadarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsRadarChart.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Polar Area Chart\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mt-5\"},[_c('chartjs-component-polar-area-chart',{attrs:{\"height\":250,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<script>\\nimport { PolarArea } from 'vue-chartjs'\\n\\nexport default {\\n  extends: Line,\\n  data() {\\n    return {\\n      data: {\\n        labels: [\\\"Africa\\\", \\\"Asia\\\", \\\"Europe\\\", \\\"Latin America\\\", \\\"North America\\\"],\\n        datasets: [{\\n          label: \\\"Population (millions)\\\",\\n          backgroundColor: [\\\"#3e95cd\\\", \\\"#8e5ea2\\\", \\\"#3cba9f\\\", \\\"#e8c3b9\\\", \\\"#c45850\\\"],\\n          data: [2478, 5267, 734, 784, 433]\\n        }]\\n      },\\n      options: {\\n        title: {\\n          display: true,\\n          text: 'Predicted world population (millions) in 2050'\\n        }\\n      }\\n    }\\n  }\\n  mounted () {\\n    this.renderChart(this.data, this.options)\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ChartjsComponentPolarAreaChart.vue\n  Description: Chartjs component - Polar Area Chart\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<script>\nimport { PolarArea } from 'vue-chartjs'\n\nexport default {\n  extends: PolarArea,\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentPolarAreaChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentPolarAreaChart.vue?vue&type=script&lang=js&\"","<!-- =========================================================================================\n    File Name: ChartPolarArea.vue\n    Description: Create polar area chart\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Polar Area Chart\" class=\"mb-base\" code-toggler>\n\n        <div class=\"mt-5\">\n            <chartjs-component-polar-area-chart :height=\"250\" :data=\"data\" :options=\"options\"></chartjs-component-polar-area-chart>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;script&gt;\nimport { PolarArea } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  data() {\n    return {\n      data: {\n        labels: [&quot;Africa&quot;, &quot;Asia&quot;, &quot;Europe&quot;, &quot;Latin America&quot;, &quot;North America&quot;],\n        datasets: [{\n          label: &quot;Population (millions)&quot;,\n          backgroundColor: [&quot;#3e95cd&quot;, &quot;#8e5ea2&quot;, &quot;#3cba9f&quot;, &quot;#e8c3b9&quot;, &quot;#c45850&quot;],\n          data: [2478, 5267, 734, 784, 433]\n        }]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  }\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport ChartjsComponentPolarAreaChart from './charts-components/ChartjsComponentPolarAreaChart.vue'\nexport default {\n  data () {\n    return {\n      data: {\n        labels: ['Africa', 'Asia', 'Europe', 'Latin America', 'North America'],\n        datasets: [\n          {\n            label: 'Population (millions)',\n            backgroundColor: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E'],\n            data: [2478, 5267, 734, 784, 433]\n          }\n        ]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  },\n  components: {\n    ChartjsComponentPolarAreaChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsPolarAreaChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsPolarAreaChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsPolarAreaChart.vue?vue&type=template&id=2f91ac35&\"\nimport script from \"./ChartjsPolarAreaChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsPolarAreaChart.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Doughnut Chart\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mt-5\"},[_c('chartjs-component-doughnut-chart',{attrs:{\"height\":250,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<script>\\nimport { Doughnut } from 'vue-chartjs'\\n\\nexport default {\\n  extends: Line,\\n  data() {\\n    return {\\n      data: {\\n        labels: [\\\"Africa\\\", \\\"Asia\\\", \\\"Europe\\\", \\\"Latin America\\\", \\\"North America\\\"],\\n        datasets: [{\\n          label: \\\"Population (millions)\\\",\\n          backgroundColor: [\\\"#3e95cd\\\", \\\"#8e5ea2\\\", \\\"#3cba9f\\\", \\\"#e8c3b9\\\", \\\"#c45850\\\"],\\n          data: [2478, 5267, 734, 784, 433]\\n        }]\\n      },\\n      options: {\\n        title: {\\n          display: true,\\n          text: 'Predicted world population (millions) in 2050'\\n        }\\n      }\\n    }\\n  }\\n  mounted () {\\n    this.renderChart(this.data, this.options)\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ChartjsComponentDoughnutChart.vue\n  Description: Chartjs component - Doughnut Chart\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<script>\nimport { Doughnut } from 'vue-chartjs'\n\nexport default {\n  extends: Doughnut,\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentDoughnutChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentDoughnutChart.vue?vue&type=script&lang=js&\"","<!-- =========================================================================================\n    File Name: ChartDoughnutChart.vue\n    Description: Create Doughnut chart\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Doughnut Chart\" class=\"mb-base\" code-toggler>\n\n        <div class=\"mt-5\">\n            <chartjs-component-doughnut-chart :height=\"250\" :data=\"data\" :options=\"options\"></chartjs-component-doughnut-chart>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;script&gt;\nimport { Doughnut } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  data() {\n    return {\n      data: {\n        labels: [&quot;Africa&quot;, &quot;Asia&quot;, &quot;Europe&quot;, &quot;Latin America&quot;, &quot;North America&quot;],\n        datasets: [{\n          label: &quot;Population (millions)&quot;,\n          backgroundColor: [&quot;#3e95cd&quot;, &quot;#8e5ea2&quot;, &quot;#3cba9f&quot;, &quot;#e8c3b9&quot;, &quot;#c45850&quot;],\n          data: [2478, 5267, 734, 784, 433]\n        }]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  }\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport ChartjsComponentDoughnutChart from './charts-components/ChartjsComponentDoughnutChart.vue'\nexport default {\n  data () {\n    return {\n      data: {\n        labels: ['Africa', 'Asia', 'Europe', 'Latin America', 'North America'],\n        datasets: [\n          {\n            label: 'Population (millions)',\n            backgroundColor: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E'],\n            data: [2478, 5267, 734, 784, 433]\n          }\n        ]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  },\n  components: {\n    ChartjsComponentDoughnutChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsDoughnutChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsDoughnutChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsDoughnutChart.vue?vue&type=template&id=3953f9fd&\"\nimport script from \"./ChartjsDoughnutChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsDoughnutChart.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Horizontal Bar Chart\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mt-5\"},[_c('chartjs-component-horizontal-bar-chart',{attrs:{\"height\":250,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<script>\\nimport { HorizontalBar } from 'vue-chartjs'\\n\\nexport default {\\n  extends: Line,\\n  data() {\\n    return {\\n      data: {\\n        labels: [\\\"Africa\\\", \\\"Asia\\\", \\\"Europe\\\", \\\"Latin America\\\", \\\"North America\\\"],\\n        datasets: [{\\n          label: \\\"Population (millions)\\\",\\n          backgroundColor: [\\\"#3e95cd\\\", \\\"#8e5ea2\\\", \\\"#3cba9f\\\", \\\"#e8c3b9\\\", \\\"#c45850\\\"],\\n          data: [2478, 5267, 734, 784, 433]\\n        }]\\n      },\\n      options: {\\n        legend: { display: false },\\n        title: {\\n          display: true,\\n          text: 'Predicted world population (millions) in 2050'\\n        }\\n      }\\n    }\\n  }\\n  mounted () {\\n    this.renderChart(this.data, this.options)\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ChartjsComponentHorizontalBarChart.vue\n  Description: Chartjs component - Horizontal Bar Chart\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<script>\nimport { HorizontalBar } from 'vue-chartjs'\n\nexport default {\n  extends: HorizontalBar,\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentHorizontalBarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentHorizontalBarChart.vue?vue&type=script&lang=js&\"","<!-- =========================================================================================\n    File Name: ChartHorizontalBarChart.vue\n    Description: Create horizontal bar chart\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Horizontal Bar Chart\" class=\"mb-base\" code-toggler>\n\n        <div class=\"mt-5\">\n            <chartjs-component-horizontal-bar-chart :height=\"250\" :data=\"data\" :options=\"options\"></chartjs-component-horizontal-bar-chart>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;script&gt;\nimport { HorizontalBar } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  data() {\n    return {\n      data: {\n        labels: [&quot;Africa&quot;, &quot;Asia&quot;, &quot;Europe&quot;, &quot;Latin America&quot;, &quot;North America&quot;],\n        datasets: [{\n          label: &quot;Population (millions)&quot;,\n          backgroundColor: [&quot;#3e95cd&quot;, &quot;#8e5ea2&quot;, &quot;#3cba9f&quot;, &quot;#e8c3b9&quot;, &quot;#c45850&quot;],\n          data: [2478, 5267, 734, 784, 433]\n        }]\n      },\n      options: {\n        legend: { display: false },\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  }\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport ChartjsComponentHorizontalBarChart from './charts-components/ChartjsComponentHorizontalBarChart.vue'\nexport default {\n  data () {\n    return {\n      data: {\n        labels: ['Africa', 'Asia', 'Europe', 'Latin America', 'North America'],\n        datasets: [\n          {\n            label: 'Population (millions)',\n            backgroundColor: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E'],\n            data: [2478, 5267, 734, 784, 433]\n          }\n        ]\n      },\n      options: {\n        legend: { display: false },\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        }\n      }\n    }\n  },\n  components: {\n    ChartjsComponentHorizontalBarChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsHorizontalBarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsHorizontalBarChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsHorizontalBarChart.vue?vue&type=template&id=37b8547b&\"\nimport script from \"./ChartjsHorizontalBarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsHorizontalBarChart.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Bubble Chart\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mt-5\"},[_c('chartjs-component-bubble-chart',{attrs:{\"height\":250,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<script>\\nimport { Bubble } from 'vue-chartjs'\\n\\nexport default {\\n  extends: Line,\\n  data() {\\n    return {\\n      data: {\\n        labels: \\\"Africa\\\",\\n        datasets: [{\\n          label: [\\\"China\\\"],\\n          backgroundColor: \\\"rgba(255,221,50,0.2)\\\",\\n          borderColor: \\\"rgba(255,221,50,1)\\\",\\n          data: [{\\n            x: 21269017,\\n            y: 5.245,\\n            r: 15\\n          }]\\n        }, {\\n          label: [\\\"Denmark\\\"],\\n          backgroundColor: \\\"rgba(60,186,159,0.2)\\\",\\n          borderColor: \\\"rgba(60,186,159,1)\\\",\\n          data: [{\\n            x: 258702,\\n            y: 7.526,\\n            r: 10\\n          }]\\n        }, {\\n          label: [\\\"Germany\\\"],\\n          backgroundColor: \\\"rgba(0,0,0,0.2)\\\",\\n          borderColor: \\\"#000\\\",\\n          data: [{\\n            x: 3979083,\\n            y: 6.994,\\n            r: 15\\n          }]\\n        }, {\\n          label: [\\\"Japan\\\"],\\n          backgroundColor: \\\"rgba(193,46,12,0.2)\\\",\\n          borderColor: \\\"rgba(193,46,12,1)\\\",\\n          data: [{\\n            x: 4931877,\\n            y: 5.921,\\n            r: 15\\n          }]\\n        }]\\n      },\\n      options: {\\n        title: {\\n          display: true,\\n          text: 'Predicted world population (millions) in 2050'\\n        },\\n        scales: {\\n          yAxes: [{\\n            scaleLabel: {\\n              display: true,\\n              labelString: \\\"Happiness\\\"\\n            }\\n          }],\\n          xAxes: [{\\n            scaleLabel: {\\n              display: true,\\n              labelString: \\\"GDP (PPP)\\\"\\n            }\\n          }]\\n        }\\n      }\\n    }\\n  }\\n  mounted () {\\n    this.renderChart(this.data, this.options)\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ChartjsComponentBubbleChart.vue\n  Description: Chartjs component - Bubble Chart\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<script>\nimport { Bubble } from 'vue-chartjs'\n\nexport default {\n  extends: Bubble,\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentBubbleChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentBubbleChart.vue?vue&type=script&lang=js&\"","<!-- =========================================================================================\n    File Name: ChartBubbleChart.vue\n    Description: Create bubble chart\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Bubble Chart\" class=\"mb-base\" code-toggler>\n\n        <div class=\"mt-5\">\n            <chartjs-component-bubble-chart :height=\"250\" :data=\"data\" :options=\"options\"></chartjs-component-bubble-chart>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;script&gt;\nimport { Bubble } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  data() {\n    return {\n      data: {\n        labels: &quot;Africa&quot;,\n        datasets: [{\n          label: [&quot;China&quot;],\n          backgroundColor: &quot;rgba(255,221,50,0.2)&quot;,\n          borderColor: &quot;rgba(255,221,50,1)&quot;,\n          data: [{\n            x: 21269017,\n            y: 5.245,\n            r: 15\n          }]\n        }, {\n          label: [&quot;Denmark&quot;],\n          backgroundColor: &quot;rgba(60,186,159,0.2)&quot;,\n          borderColor: &quot;rgba(60,186,159,1)&quot;,\n          data: [{\n            x: 258702,\n            y: 7.526,\n            r: 10\n          }]\n        }, {\n          label: [&quot;Germany&quot;],\n          backgroundColor: &quot;rgba(0,0,0,0.2)&quot;,\n          borderColor: &quot;#000&quot;,\n          data: [{\n            x: 3979083,\n            y: 6.994,\n            r: 15\n          }]\n        }, {\n          label: [&quot;Japan&quot;],\n          backgroundColor: &quot;rgba(193,46,12,0.2)&quot;,\n          borderColor: &quot;rgba(193,46,12,1)&quot;,\n          data: [{\n            x: 4931877,\n            y: 5.921,\n            r: 15\n          }]\n        }]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        },\n        scales: {\n          yAxes: [{\n            scaleLabel: {\n              display: true,\n              labelString: &quot;Happiness&quot;\n            }\n          }],\n          xAxes: [{\n            scaleLabel: {\n              display: true,\n              labelString: &quot;GDP (PPP)&quot;\n            }\n          }]\n        }\n      }\n    }\n  }\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport ChartjsComponentBubbleChart from './charts-components/ChartjsComponentBubbleChart.vue'\nexport default {\n  data () {\n    return {\n      data: {\n        labels: 'Africa',\n        datasets: [\n          {\n            label: ['China'],\n            backgroundColor: 'rgba(255,221,50,0.2)',\n            borderColor: 'rgba(255,221,50,1)',\n            data: [\n              {\n                x: 21269017,\n                y: 5.245,\n                r: 15\n              }\n            ]\n          }, {\n            label: ['Denmark'],\n            backgroundColor: 'rgba(60,186,159,0.2)',\n            borderColor: 'rgba(60,186,159,1)',\n            data: [\n              {\n                x: 258702,\n                y: 7.526,\n                r: 10\n              }\n            ]\n          }, {\n            label: ['Germany'],\n            backgroundColor: 'rgba(0,0,0,0.2)',\n            borderColor: '#000',\n            data: [\n              {\n                x: 3979083,\n                y: 6.994,\n                r: 15\n              }\n            ]\n          }, {\n            label: ['Japan'],\n            backgroundColor: 'rgba(193,46,12,0.2)',\n            borderColor: 'rgba(193,46,12,1)',\n            data: [\n              {\n                x: 4931877,\n                y: 5.921,\n                r: 15\n              }\n            ]\n          }\n        ]\n      },\n      options: {\n        title: {\n          display: true,\n          text: 'Predicted world population (millions) in 2050'\n        },\n        scales: {\n          yAxes: [\n            {\n              scaleLabel: {\n                display: true,\n                labelString: 'Happiness'\n              }\n            }\n          ],\n          xAxes: [\n            {\n              scaleLabel: {\n                display: true,\n                labelString: 'GDP (PPP)'\n              }\n            }\n          ]\n        }\n      }\n    }\n  },\n  components: {\n    ChartjsComponentBubbleChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsBubbleChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsBubbleChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsBubbleChart.vue?vue&type=template&id=53122ed1&\"\nimport script from \"./ChartjsBubbleChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsBubbleChart.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Scatter Chart\",\"code-toggler\":\"\"}},[_c('div',{staticClass:\"mt-5\"},[_c('chartjs-component-scatter-chart',{attrs:{\"height\":300,\"data\":_vm.data,\"options\":_vm.options}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<script>\\nimport { Scatter } from 'vue-chartjs'\\n\\nexport default {\\n  extends: Line,\\n  data() {\\n    return {\\n      data: {\\n        datasets: [{\\n          label: \\\"My First dataset\\\",\\n          data: [{\\n            x: 65, y: 28,\\n          }, {\\n            x: 59, y: 48,\\n          }, {\\n            x: 80, y: 40,\\n          }, {\\n            x: 81, y: 19,\\n          }, {\\n            x: 56, y: 86,\\n          }, {\\n            x: 55, y: 27,\\n          }, {\\n            x: 40, y: 89,\\n          }],\\n          backgroundColor: \\\"rgba(209,212,219,.3)\\\",\\n          borderColor: \\\"transparent\\\",\\n          pointBorderColor: \\\"#D1D4DB\\\",\\n          pointBackgroundColor: \\\"#FFF\\\",\\n          pointBorderWidth: 2,\\n          pointHoverBorderWidth: 2,\\n          pointRadius: 4,\\n        }, {\\n          label: \\\"My Second dataset\\\",\\n          data: [{\\n            x: 45, y: 17,\\n          }, {\\n            x: 25, y: 62,\\n          }, {\\n            x: 16, y: 78,\\n          }, {\\n            x: 36, y: 88,\\n          }, {\\n            x: 67, y: 26,\\n          }, {\\n            x: 18, y: 48,\\n          }, {\\n            x: 76, y: 73,\\n          }],\\n          backgroundColor: \\\"rgba(81,117,224,.6)\\\",\\n          borderColor: \\\"transparent\\\",\\n          pointBorderColor: \\\"#5175E0\\\",\\n          pointBackgroundColor: \\\"#FFF\\\",\\n          pointBorderWidth: 2,\\n          pointHoverBorderWidth: 2,\\n          pointRadius: 4,\\n        }]\\n      },\\n\\n      options: {\\n        responsive: true,\\n        maintainAspectRatio: false,\\n        responsiveAnimationDuration: 800,\\n        title: {\\n          display: false,\\n          text: 'Chart.js Scatter Chart'\\n        },\\n        scales: {\\n          xAxes: [{\\n            position: 'top',\\n            gridLines: {\\n              zeroLineColor: \\\"rgba(0,255,0,1)\\\",\\n              color: \\\"#f3f3f3\\\",\\n              drawTicks: false,\\n            },\\n            scaleLabel: {\\n              display: true,\\n              labelString: 'x axis'\\n            }\\n          }],\\n          yAxes: [{\\n            position: 'right',\\n            gridLines: {\\n              zeroLineColor: \\\"rgba(0,255,0,1)\\\",\\n              color: \\\"#f3f3f3\\\",\\n              drawTicks: false,\\n            },\\n            scaleLabel: {\\n              display: true,\\n              labelString: 'y axis'\\n            }\\n          }]\\n        }\\n      },\\n    }\\n  }\\n  mounted () {\\n    this.renderChart(this.data, this.options)\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ChartjsComponentScatterChart.vue\n  Description: Chartjs component - Scatter Chart\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<script>\nimport { Scatter } from 'vue-chartjs'\n\nexport default {\n  extends: Scatter,\n  props: {\n    data: {\n      type: Object,\n      default: null\n    },\n    options: {\n      type: Object,\n      default: null\n    }\n  },\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentScatterChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsComponentScatterChart.vue?vue&type=script&lang=js&\"","<!-- =========================================================================================\n    File Name: ChartScatterChart.vue\n    Description: Create scatter chart\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Scatter Chart\" class=\"\" code-toggler>\n\n        <div class=\"mt-5\">\n            <chartjs-component-scatter-chart :height=\"300\" :data=\"data\" :options=\"options\"></chartjs-component-scatter-chart>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;script&gt;\nimport { Scatter } from 'vue-chartjs'\n\nexport default {\n  extends: Line,\n  data() {\n    return {\n      data: {\n        datasets: [{\n          label: &quot;My First dataset&quot;,\n          data: [{\n            x: 65, y: 28,\n          }, {\n            x: 59, y: 48,\n          }, {\n            x: 80, y: 40,\n          }, {\n            x: 81, y: 19,\n          }, {\n            x: 56, y: 86,\n          }, {\n            x: 55, y: 27,\n          }, {\n            x: 40, y: 89,\n          }],\n          backgroundColor: &quot;rgba(209,212,219,.3)&quot;,\n          borderColor: &quot;transparent&quot;,\n          pointBorderColor: &quot;#D1D4DB&quot;,\n          pointBackgroundColor: &quot;#FFF&quot;,\n          pointBorderWidth: 2,\n          pointHoverBorderWidth: 2,\n          pointRadius: 4,\n        }, {\n          label: &quot;My Second dataset&quot;,\n          data: [{\n            x: 45, y: 17,\n          }, {\n            x: 25, y: 62,\n          }, {\n            x: 16, y: 78,\n          }, {\n            x: 36, y: 88,\n          }, {\n            x: 67, y: 26,\n          }, {\n            x: 18, y: 48,\n          }, {\n            x: 76, y: 73,\n          }],\n          backgroundColor: &quot;rgba(81,117,224,.6)&quot;,\n          borderColor: &quot;transparent&quot;,\n          pointBorderColor: &quot;#5175E0&quot;,\n          pointBackgroundColor: &quot;#FFF&quot;,\n          pointBorderWidth: 2,\n          pointHoverBorderWidth: 2,\n          pointRadius: 4,\n        }]\n      },\n\n      options: {\n        responsive: true,\n        maintainAspectRatio: false,\n        responsiveAnimationDuration: 800,\n        title: {\n          display: false,\n          text: 'Chart.js Scatter Chart'\n        },\n        scales: {\n          xAxes: [{\n            position: 'top',\n            gridLines: {\n              zeroLineColor: &quot;rgba(0,255,0,1)&quot;,\n              color: &quot;#f3f3f3&quot;,\n              drawTicks: false,\n            },\n            scaleLabel: {\n              display: true,\n              labelString: 'x axis'\n            }\n          }],\n          yAxes: [{\n            position: 'right',\n            gridLines: {\n              zeroLineColor: &quot;rgba(0,255,0,1)&quot;,\n              color: &quot;#f3f3f3&quot;,\n              drawTicks: false,\n            },\n            scaleLabel: {\n              display: true,\n              labelString: 'y axis'\n            }\n          }]\n        }\n      },\n    }\n  }\n  mounted () {\n    this.renderChart(this.data, this.options)\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport ChartjsComponentScatterChart from './charts-components/ChartjsComponentScatterChart.vue'\nexport default {\n  data () {\n    return {\n      data: {\n        datasets: [\n          {\n            label: 'My First dataset',\n            data: [\n              {\n                x: 65,\n                y: 28\n              }, {\n                x: 59,\n                y: 48\n              }, {\n                x: 80,\n                y: 40\n              }, {\n                x: 81,\n                y: 19\n              }, {\n                x: 56,\n                y: 86\n              }, {\n                x: 55,\n                y: 27\n              }, {\n                x: 40,\n                y: 89\n              }\n            ],\n            backgroundColor: 'rgba(209,212,219,.3)',\n            borderColor: 'transparent',\n            pointBorderColor: '#D1D4DB',\n            pointBackgroundColor: '#FFF',\n            pointBorderWidth: 2,\n            pointHoverBorderWidth: 2,\n            pointRadius: 4\n          }, {\n            label: 'My Second dataset',\n            data: [\n              {\n                x: 45,\n                y: 17\n              }, {\n                x: 25,\n                y: 62\n              }, {\n                x: 16,\n                y: 78\n              }, {\n                x: 36,\n                y: 88\n              }, {\n                x: 67,\n                y: 26\n              }, {\n                x: 18,\n                y: 48\n              }, {\n                x: 76,\n                y: 73\n              }\n            ],\n            backgroundColor: 'rgba(81,117,224,.6)',\n            borderColor: 'transparent',\n            pointBorderColor: '#5175E0',\n            pointBackgroundColor: '#FFF',\n            pointBorderWidth: 2,\n            pointHoverBorderWidth: 2,\n            pointRadius: 4\n          }\n        ]\n      },\n\n      options: {\n        responsive: true,\n        maintainAspectRatio: false,\n        responsiveAnimationDuration: 800,\n        title: {\n          display: false,\n          text: 'Chart.js Scatter Chart'\n        },\n        scales: {\n          xAxes: [\n            {\n              position: 'top',\n              gridLines: {\n                zeroLineColor: 'rgba(0,255,0,1)',\n                color: '#f3f3f3',\n                drawTicks: false\n              },\n              scaleLabel: {\n                display: true,\n                labelString: 'x axis'\n              }\n            }\n          ],\n          yAxes: [\n            {\n              position: 'right',\n              gridLines: {\n                zeroLineColor: 'rgba(0,255,0,1)',\n                color: '#f3f3f3',\n                drawTicks: false\n              },\n              scaleLabel: {\n                display: true,\n                labelString: 'y axis'\n              }\n            }\n          ]\n        }\n      }\n    }\n  },\n  components: {\n    ChartjsComponentScatterChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsScatterChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsScatterChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsScatterChart.vue?vue&type=template&id=528d2960&\"\nimport script from \"./ChartjsScatterChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsScatterChart.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","<!-- =========================================================================================\n    File Name: Charts.vue\n    Description: Chartjs (third-party) - Imports page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div id=\"extra-component-chartjs-demo\">\n        <p class=\"mb-4\">You can easily create reuseable chart components. <a href=\"https://vue-chartjs.org/\" target=\"_blank\" rel=\"nofollow\">vue-chartjs</a> is a wrapper for Chart.js. Read full documnetation <a href=\"https://vue-chartjs.org/guide/\" target=\"_blank\" rel=\"nofollow\">here</a></p>\n\n        <div class=\"vx-row\">\n            <div class=\"vx-col w-full md:w-1/2\">\n                <chartjs-line-chart></chartjs-line-chart>\n            </div>\n            <div class=\"vx-col w-full md:w-1/2\">\n                <chartjs-bar-chart></chartjs-bar-chart>\n            </div>\n            <div class=\"vx-col w-full md:w-1/2\">\n                <chartjs-horizontal-bar-chart></chartjs-horizontal-bar-chart>\n            </div>\n            <div class=\"vx-col w-full md:w-1/2\">\n                <chartjs-pie-chart></chartjs-pie-chart>\n            </div>\n            <div class=\"vx-col w-full md:w-1/2\">\n                <chartjs-doughnut-chart></chartjs-doughnut-chart>\n            </div>\n            <div class=\"vx-col w-full md:w-1/2\">\n                <chartjs-radar-chart></chartjs-radar-chart>\n            </div>\n            <div class=\"vx-col w-full md:w-1/2\">\n                <chartjs-polar-area-chart></chartjs-polar-area-chart>\n            </div>\n            <div class=\"vx-col w-full md:w-1/2\">\n                <chartjs-bubble-chart></chartjs-bubble-chart>\n            </div>\n            <div class=\"vx-col w-full\">\n                <chartjs-scatter-chart></chartjs-scatter-chart>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ChartjsBarChart from './ChartjsBarChart.vue'\nimport ChartjsLineChart from './ChartjsLineChart.vue'\nimport ChartjsPieChart from './ChartjsPieChart.vue'\nimport ChartjsRadarChart from './ChartjsRadarChart.vue'\nimport ChartjsPolarAreaChart from './ChartjsPolarAreaChart.vue'\nimport ChartjsDoughnutChart from './ChartjsDoughnutChart.vue'\nimport ChartjsHorizontalBarChart from './ChartjsHorizontalBarChart.vue'\nimport ChartjsBubbleChart from './ChartjsBubbleChart.vue'\nimport ChartjsScatterChart from './ChartjsScatterChart.vue'\n\nexport default {\n  components: {\n    ChartjsBarChart,\n    ChartjsLineChart,\n    ChartjsPieChart,\n    ChartjsRadarChart,\n    ChartjsPolarAreaChart,\n    ChartjsDoughnutChart,\n    ChartjsHorizontalBarChart,\n    ChartjsScatterChart,\n    ChartjsBubbleChart\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chartjs.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chartjs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Chartjs.vue?vue&type=template&id=32315495&\"\nimport script from \"./Chartjs.vue?vue&type=script&lang=js&\"\nexport * from \"./Chartjs.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":""}