{"_id":"@digitalento/vue2-frappe","_rev":"3-4bc3a6b757d5812ec5b4e91312149bdd","name":"@digitalento/vue2-frappe","dist-tags":{"latest":"1.2.4"},"versions":{"1.2.3":{"name":"@digitalento/vue2-frappe","version":"1.2.3","description":"A Vue 2 integration using Frappe Charts","main":"src/index.js","repository":{"type":"git","url":"git+https://github.com/DigiTalentoCO/vue2-frappe.git"},"author":{"name":"Steve McDougall","email":"juststevemcd@gmail.com"},"license":"MIT","private":false,"dependencies":{"frappe-charts":"^1.6.1"},"gitHead":"b96f5f6b14a9903f0498fb50a5adb5b04f89cbd1","bugs":{"url":"https://github.com/DigiTalentoCO/vue2-frappe/issues"},"homepage":"https://github.com/DigiTalentoCO/vue2-frappe#readme","_id":"@digitalento/vue2-frappe@1.2.3","_nodeVersion":"14.4.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-KnsMAJso49h64aQFj7H0LiZRVqRDtp2/Vlo96cKhbDvcpgkFQs92LOCXnnVtG/6BslNowj4wHsKpYE+mXANatQ==","shasum":"31fe7bcd6271bef6cf34e9f48b464c503f0b0f2f","tarball":"https://registry.npmjs.org/@digitalento/vue2-frappe/-/vue2-frappe-1.2.3.tgz","fileCount":15,"unpackedSize":12281,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmFPOCRA9TVsSAnZWagAAEBcP/jinI04x8Bzbe69ul2/m\nGOuurYzKqPbsEZDODz5GBB4jmEU8+CDGHiX2tgiIEH63FvWNnlHlS2vA1lPE\nSUwGNyTM+f2x4Kr4Mi7lZnevmv6rnY9Hi24lRFl2RNtSrudUbDYKG7r++uVs\nPebr2v8uvMGqPa8Xsr4rvsstARJOe8z0QObDj6/Fv4z6nq02hz29khQ1JQeP\nu8A/SW7+38BmlERXDYSUFiHoHP4ngqm5alcwxyoPadmRuf6WsleP7d+EvF/f\nb8WetycPb/0zTBnVuIgkhRir+fD6ooCQdQv+HHC2c8PfmQ9DecbcqOjLumpw\nPxhBq4UkHpqzq/OEkvr4/RgTX2+SugAT2bVrHtEMQmuu7Uf5EO+88sYSew73\nngS8X6R8j2DA1X05bxiZhsQccIyjXPmAVXyLsd8RC8JtxDvBwnZuZLzNPO6K\n9JROElTrsvgKgd0zdHvDPUA1RRypz7lj5pNDitPrYqi1vNBbXuwrsGzpIoO6\nYzpflRKqDNTfR+oAyjQRE2XmGYwTE/JrS1KC02CockngD9himhwQr+emcgEl\nu/OvQzRRASsTow+XYATSiaaAvmc0uoGs3crjIpgKWaCWLvwJxPiDICl4yGmi\netYZjCl7OZYXNpBy2Ce8z1E5rTWbud4xf5COguDjRUlgdwg2DZDmrV+AMIXZ\niLMg\r\n=pgGR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDC0+fX/aoDNVMlN515m2dgzDYjoV4ksS8ADMmPkbPZngIhAKv+uF4IMW1URisv7OIE1Bqa+oLbTlD4l3WYXsqNVcxS"}]},"_npmUser":{"name":"alexander-alzate","email":"jaalzateolaya@digitalento.com.co"},"directories":{},"maintainers":[{"name":"alexander-alzate","email":"jaalzateolaya@digitalento.com.co"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-frappe_1.2.3_1620595662410_0.9898640875280957"},"_hasShrinkwrap":false},"1.2.4":{"name":"@digitalento/vue2-frappe","version":"1.2.4","description":"A Vue 2 integration using Frappe Charts","main":"src/index.js","repository":{"type":"git","url":"git+https://github.com/DigiTalentoCO/vue2-frappe.git"},"author":{"name":"Steve McDougall","email":"juststevemcd@gmail.com"},"license":"MIT","private":false,"dependencies":{"frappe-charts":"^1.6.1"},"gitHead":"71b04535dea20ea3cb73a028f35d5200c4b1b34f","bugs":{"url":"https://github.com/DigiTalentoCO/vue2-frappe/issues"},"homepage":"https://github.com/DigiTalentoCO/vue2-frappe#readme","_id":"@digitalento/vue2-frappe@1.2.4","_nodeVersion":"14.4.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Y3/vvULtjvrS5pr4N+9rI2h1+CW33ZEtIJm/X4TiW9lbGJpeJcOyKc9fHSP3dyS6kYSzG8zrTHqsdUXpOsLkBQ==","shasum":"eabd126149a321249e754f599cc7928ee57b5f3f","tarball":"https://registry.npmjs.org/@digitalento/vue2-frappe/-/vue2-frappe-1.2.4.tgz","fileCount":15,"unpackedSize":12694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmHYeCRA9TVsSAnZWagAA/dYQAKG4U2ZmmeZ4sMv2qKyz\nqX7AylpawBAszLnmIs2suD0e8ID4/0Y87IBMXvm17slXXUVFyzSo0R67XGZz\nSy5wMUCS+gKt17mNTP8R0t+3LTi7NDLHOmexx+y0RI18pFqNVXDMCv+yKOEe\ncMpsVRuPXNidQNckwQYcMOfj25cPpcPmbpsOEIKppVs7g8o0CnATTQDo3liC\nfKb0ZQDGxOMUneAyl6ZbjdR8VOrO2RPca5feesdANIn4PP4lqn/VJnCLHJ1B\nedWfWvlIhdzVaRfg9mifl9i7U6lW0IwzZmOeWTHyslHibEH16BDj5DCZT2Kj\niFrMY1b4TAY0khKEPtPq7kYHrt/EQZToIpYTQeK+XIi02kGtcchMkgAb6JNM\nw0KgDO/3bQJUOtPYmmKCas6kZFs82Hs+vEVTeU8oDUGpG4rmwPt79SmsTchM\nC6B90xQAX3KcVL+QPAqNOfjQ2UYEi0Exogl3DRzeaTO+1LrLoYqKohw4agbZ\nlY0KwRCqfwdiutiJHaj+aA1EzW7Jum2XYnO4Hm/rG8Dk09paaQ1WU+jmz84g\nIk099AlOd+rXU3rFJTYP6KW2qSfW2M0NAWHYi+zk37F8vg9QRWXu3ZAneDBo\nbD+O0KSIOm9DlU0StQgFFMCcLhS18akmV1Zi4MdRsPxBbAWo5ly5BfE7ksqe\nFqiH\r\n=oo2q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKAV3uPLPhjqOjeRNWfL5lYF2eVUMC+l25zjnxnyTzOAIhALb6X0BHII5wZyu+aAgVeW2QnsjEExLAFocBxcZ76Mso"}]},"_npmUser":{"name":"alexander-alzate","email":"jaalzateolaya@digitalento.com.co"},"directories":{},"maintainers":[{"name":"alexander-alzate","email":"jaalzateolaya@digitalento.com.co"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-frappe_1.2.4_1620604445881_0.5737892926977146"},"_hasShrinkwrap":false}},"time":{"created":"2021-05-09T21:27:42.073Z","1.2.3":"2021-05-09T21:27:42.570Z","modified":"2022-04-05T04:37:30.302Z","1.2.4":"2021-05-09T23:54:06.052Z"},"maintainers":[{"email":"jaalzateolaya.digitalento@gmail.com","name":"jaalzateolaya"},{"email":"jaalzateolaya@digitalento.com.co","name":"alexander-alzate"}],"description":"A Vue 2 integration using Frappe Charts","homepage":"https://github.com/DigiTalentoCO/vue2-frappe#readme","repository":{"type":"git","url":"git+https://github.com/DigiTalentoCO/vue2-frappe.git"},"author":{"name":"Steve McDougall","email":"juststevemcd@gmail.com"},"bugs":{"url":"https://github.com/DigiTalentoCO/vue2-frappe/issues"},"license":"MIT","readme":"# Vue 2 Frappe Charts\n\n<p align=\"center\">\n    <a href=\"https://vuejs.org\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <img width=\"100\" src=\"https://vuejs.org/images/logo.png\" alt=\"Vue logo\">\n    </a>\n    <a href=\"https://frappe.github.io/charts\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <img src=\"https://frappe.io/files/frappe.png\" width=\"200\">\n    </a>\n</p>\n\n\n[![npm version](https://badge.fury.io/js/vue2-frappe.svg)](https://badge.fury.io/js/vue2-frappe)\n![npm](https://www.npmjs.com/package/@digitalento/vue2-frappe)\n\nThis is a simple (*even simplier than original*) package to get using Frappe\nCharts within VueJS\n\nThanks to Steve McDougall (@JustSteveKing) for creating this project. The change\nI made was to remove must of the options from component properties and added a\ngeneral-purpose-property `options` to bind the chart options. This way we don't\nneed to wait the maintainer to add new options every time **Charts** gets updated\nwith new ones.\n\n## How to install\n\n```bash\nnpm install -d @digitalento/vue2-frappe\n```\n\n## How to use\n\nFirst we need to import and initialize\n\n```es6\nimport Vue from 'vue'\nimport Chart from 'vue2-frappe'\n\nVue.use(Chart)\n```\n\nor use the component directly\n\n```es6\nimport { VueFrappe } from 'vue2-frappe'\n\nexport default {\n  components: {\n    VueFrappe,\n  },\n};\n```\n\nThen in our Vue templates:\n\n```html\n<template>\n    <vue-frappe\n            id=\"test\"\n            :labels=\"[\n                '12am-3am', '3am-6am', '6am-9am', '9am-12pm',\n                '12pm-3pm', '3pm-6pm', '6pm-9pm', '9pm-12am'\n            ]\"\n            :options=\"chartOptions\"\n            :dataSets=\"data\">\n        </vue-frappe>\n</template>\n<script>\n    export default {\n        data () {\n            return {\n                data: [{\n                    name: \"Some Data\", chartType: 'bar',\n                    values: [25, 40, 30, 35, 8, 52, 17, -4]\n                },\n                {\n                    name: \"Another Set\", chartType: 'bar',\n                    values: [25, 50, -10, 15, 18, 32, 27, 14]\n                },\n                {\n                    name: \"Yet Another\", chartType: 'line',\n                    values: [15, 20, -3, -15, 58, 12, -17, 37]\n                }],\n                chartOptions: {\n                    title: \"My Awesome Chart\",\n                    type: \"axis-mixed\",\n                    height: 300,\n                    colors: ['purple', '#ffa3ef', 'light-blue'],\n                },\n            }\n        }\n    }\n</script>\n```\n\nThere are more examples in the `examples` directory\n\n### Links\n\n[Frappe Charts](https://github.com/frappe/charts)\n\n[Vue JS](https://vuejs.org/)\n","readmeFilename":"README.md"}