{"_id":"@canvasjs/vue-charts","_rev":"3-fdf1475ec0f147a84ffe416054aade25","name":"@canvasjs/vue-charts","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@canvasjs/vue-charts","version":"1.0.0","description":"CanvasJS Vue Charts","keywords":["vue charts","vue graphs","vue charting library","vue chart library","html5 charts","charts","graphs","dataviz","canvasjs","vue.js charts","high performance charts","vue line charts","vue area charts","vue bar charts","vue pie charts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/vue-charts/","type":"module","main":"./dist/vue-charts.umd.cjs","module":"./dist/vue-charts.js","exports":{".":{"import":"./dist/vue-charts.js","require":"./dist/vue-charts.umd.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":">=3.0.0","@canvasjs/charts":"^3.7.5"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","vite":"^4.1.4"},"_id":"@canvasjs/vue-charts@1.0.0","_nodeVersion":"20.2.0","_npmVersion":"9.6.5","dist":{"integrity":"sha512-y6lMDtpBeB2LK7Z2U9OgndQDpcJruGs6dBAVDXct6+1VDtEq2m94+aOWtwdbqgMNgpifuYGG1q+Fk4HGYXSGwQ==","shasum":"c9f61c816b6ce4a7c54e2604d5875a2eb4b275ae","tarball":"https://registry.npmjs.org/@canvasjs/vue-charts/-/vue-charts-1.0.0.tgz","fileCount":5,"unpackedSize":8978,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGgcCkAIdPDWwqqJO+1CWWlCtqXCOBPe6cQYzJsk/Kp/AiBR+DyJ5qgnFQaK6d54Y88w1IGCiLh7iG0mlh2zKSc2Xg=="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-charts_1.0.0_1685106853208_0.5626770507690846"},"_hasShrinkwrap":false},"1.0.1":{"name":"@canvasjs/vue-charts","version":"1.0.1","description":"CanvasJS Vue Charts","keywords":["vue charts","vue graphs","vue charting library","vue chart library","html5 charts","charts","graphs","dataviz","canvasjs","vue.js charts","high performance charts","vue line charts","vue area charts","vue bar charts","vue pie charts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/vuejs-charts/","type":"module","main":"./dist/vue-charts.umd.cjs","module":"./dist/vue-charts.js","exports":{".":{"import":"./dist/vue-charts.js","require":"./dist/vue-charts.umd.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":">=3.0.0","@canvasjs/charts":"^3.7.5"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","vite":"^4.1.4"},"_id":"@canvasjs/vue-charts@1.0.1","_nodeVersion":"20.2.0","_npmVersion":"9.6.5","dist":{"integrity":"sha512-3eEG2EGBIT6sykW5goNL5irGdt9GIUxELQZe2htTiB0W1im4MyNU8NWl7U62xv5KX5TLOMsk11sc23XfFOyclA==","shasum":"457e498361ca50edc800206bfdc119efe6e6504c","tarball":"https://registry.npmjs.org/@canvasjs/vue-charts/-/vue-charts-1.0.1.tgz","fileCount":5,"unpackedSize":8978,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtUaQ45Y0NRgmhpo0ZK7wauDJFXeE6PS7SpcCAEp0lGwIgSmBlV+oT+0pVhdlBPzH5V1aCgyf4dKugmEnmVHBk6hw="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-charts_1.0.1_1685107792759_0.7514381703879272"},"_hasShrinkwrap":false},"1.0.3":{"name":"@canvasjs/vue-charts","version":"1.0.3","description":"CanvasJS Vue Charts","keywords":["vue charts","vue graphs","vue charting library","vue chart library","html5 charts","charts","graphs","dataviz","canvasjs","vue.js charts","high performance charts","vue line charts","vue area charts","vue bar charts","vue pie charts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/vuejs-charts/","type":"module","main":"./dist/vue-charts.umd.cjs","module":"./dist/vue-charts.js","exports":{".":{"import":"./dist/vue-charts.js","require":"./dist/vue-charts.umd.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":">=3.0.0","@canvasjs/charts":"^3.7.5"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","vite":"^4.1.4"},"_id":"@canvasjs/vue-charts@1.0.3","gitHead":"109a71001ec5c1b39eab648c6df753b0164d285a","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-MM6tm5opeodJIzfiz0BGci68zVC0cyL7N6KAkniRiGVEzN/DHVJS3AHBYxa9y5JuC+497B+kWr/0dxy9YFyUJg==","shasum":"bcdb5e077e00986c1f7d67b4bebfe49548fc2efb","tarball":"https://registry.npmjs.org/@canvasjs/vue-charts/-/vue-charts-1.0.3.tgz","fileCount":6,"unpackedSize":9780,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEOKIKOy/UNTyY1AMySTiFg5bq+BaFupgZO30HvlD9z3AiEAhKVOqt4lIyfS/JBJZMM4AWBT5fWK2nGU9OTRIf5McjI="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-charts_1.0.3_1708924237147_0.4402808153987976"},"_hasShrinkwrap":false},"1.0.4":{"name":"@canvasjs/vue-charts","version":"1.0.4","description":"CanvasJS Vue Charts - Official","keywords":["vue","charts","vue graphs","vue charting library","vue chart library","vue charts","html5 charts","graphs","dataviz","canvasjs","vue.js charts","high performance charts","vue line charts","vue area charts","vue bar charts","vue pie charts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/vuejs-charts/","type":"module","main":"./dist/vue-charts.umd.cjs","module":"./dist/vue-charts.js","exports":{".":{"import":"./dist/vue-charts.js","require":"./dist/vue-charts.umd.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":">=3.0.0","@canvasjs/charts":"^3.7.5"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","vite":"^4.1.4"},"_id":"@canvasjs/vue-charts@1.0.4","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-PzOA8xeb/f68a39uoFZNn843dGPU36bsqmbO5DWjP7k6FwkK5AeGkYa/H3RHC02Xc6mG68vg9aFNj2Fyqhu4UQ==","shasum":"fd40acff6469f1e7d06aab4f974b43147207efce","tarball":"https://registry.npmjs.org/@canvasjs/vue-charts/-/vue-charts-1.0.4.tgz","fileCount":6,"unpackedSize":10154,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFC6Ek+poylN8LbbVVJJTV1HgOgygCHOZljgHo7eUvpcAiAgIsO9XgymFluZ5bnuyjeSjOud5Tipj7QWjp7b/7z3yw=="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-charts_1.0.4_1709199775452_0.9162550845232644"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-26T13:14:13.063Z","1.0.0":"2023-05-26T13:14:13.418Z","modified":"2024-02-29T09:42:55.994Z","1.0.1":"2023-05-26T13:29:52.917Z","1.0.3":"2024-02-26T05:10:37.295Z","1.0.4":"2024-02-29T09:42:55.571Z"},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"description":"CanvasJS Vue Charts - Official","homepage":"https://canvasjs.com/vuejs-charts/","keywords":["vue","charts","vue graphs","vue charting library","vue chart library","vue charts","html5 charts","graphs","dataviz","canvasjs","vue.js charts","high performance charts","vue line charts","vue area charts","vue bar charts","vue pie charts"],"author":{"name":"fenopix"},"license":"MIT","readme":"<div align=\"center\">\r\n\t<a href=\"https://www.npmjs.com/~canvasjs\">\r\n\t\t<img src=\"https://canvasjs.com/wp-content/uploads/images/logo/canvasjs-logo-240x100.png\" alt=\"CanvasJS\"/>\r\n\t</a>\r\n</div>\r\n\r\n# CanvasJS Vue Charts Plugin - Official\r\nCanvasJS [Vue Chart](https://canvasjs.com/vuejs-charts/) Plugin for creating interactive charts and graphs for your Vue.js applications. Library supports a wide range of chart types including bar, line, area, pie, doughnut, candlestick & more. It's also bundled with features like interactivity, animation, zooming / panning, exporting as image, etc.\r\n\r\n<br/>\r\n\r\n<a href=\"https://canvasjs.com/vuejs-charts/\">\r\n\t<img src=\"https://canvasjs.com/wp-content/uploads/images/npm/vuejs/vuejs-charts.png\" alt=\"CanvasJS Vue.js Charts\">\r\n</a>\r\n\r\n<br/>\r\n\r\n## Important Links\r\n- [Official Website](https://canvasjs.com/)\r\n- [Vue Charts Demo](https://canvasjs.com/vuejs-charts/)\r\n- [Download CanvasJS](https://canvasjs.com/download-html5-charting-graphing-library/)\r\n- [Vue Charts Integration](https://canvasjs.com/docs/charts/integration/vuejs/)\r\n- [Chart Documentation](https://canvasjs.com/docs/charts/basics-of-creating-html5-chart/)\r\n- [CanvasJS Support Forum](https://canvasjs.com/forums/)\r\n\r\n<br/>\r\n\r\n## Installing CanvasJS Vue Charts\r\nInstall CanvasJS Vue Charts package to your Vue application via NPM.\r\n##### Install Vue Charts via NPM\r\n```\r\nnpm install @canvasjs/vue-charts\r\n```\r\nSee [npm documentation](https://docs.npmjs.com/) to know more about npm usage.\r\n\r\n##### Import Vue Chart plugin & install it\r\nImport the Vue Charts plugin to your Vue.js application & install it.\r\n```\r\nimport { createApp } from 'vue'\r\nimport App from './App.vue'\r\n\r\nimport CanvasJSChart from '@canvasjs/vue-charts';\r\n\r\nconst app = createApp(App);\r\napp.use(CanvasJSChart); // install the CanvasJS Vuejs Chart Plugin\r\napp.mount('#app');\r\n```\r\n\r\n##### Set the chart-options & create chart\r\nSet the chart-options in app.vue & use 'CanvasJSChart' selector to create chart inside template tag.\r\n```\r\n<!-- App.vue -->\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      chart: null,\r\n      options: {\r\n        animationEnabled: true,\r\n        title:{\r\n          text: \"Vue.js Basic Column Chart\"\r\n        },\r\n        data: [{\r\n          type: \"column\",\r\n          dataPoints: [\r\n            { label: \"apple\",  y: 10 },\r\n            { label: \"orange\", y: 15 },\r\n            { label: \"banana\", y: 25 },\r\n            { label: \"mango\",  y: 30 },\r\n            { label: \"grape\",  y: 28 }\r\n          ]\r\n        }]\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n<template>\r\n    <CanvasJSChart :options=\"options\"/>\r\n</template>\r\n```\r\n\r\n<br/>\r\n\r\n<img src=\"https://canvasjs.com/wp-content/uploads/images/npm/vuejs/vuejs-column-chart.png\" alt=\"Vue.js Column Chart\">\r\n\r\n<br/>\r\n\r\n#### Vue Chart with Animation\r\n<a href=\"https://canvasjs.com/vuejs-charts/animated-chart/\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/vuejs/animated-vue-charts.gif\" alt=\"Animated Vue.js Charts\"></a>\r\n\r\n<br/>\r\n\r\n#### Vue Chart with Multiple Y-axes\r\n<a href=\"https://canvasjs.com/vuejs-charts/chart-multiple-axes/\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/vuejs/vue-charts-multiple-axis.gif\" alt=\"Vue.js Chart with Multiple Y-axes\"></a>\r\n\r\n<br/>\r\n\r\n#### Interactive Vue Chart\r\n<a href=\"https://canvasjs.com/vuejs-charts/multiseries-chart/\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/vuejs/interactive-vue-charts.gif\" alt=\"Vue.js Interactive Charts\"></a>\r\n\r\n<br/>\r\n\r\n#### Vue Chart with Zooming / Panning\r\n<a href=\"https://canvasjs.com/vuejs-charts/chart-with-zoom-pan/\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/vuejs/vue-charts-zoom-pan.gif\" alt=\"Vue.js Chart with Zooming / Panning\"></a>\r\n\r\n<br />\r\n\r\n### Related Chart Packages\r\n* [JavaScript Charts](https://www.npmjs.com/package/@canvasjs/charts)\r\n* [React Charts](https://www.npmjs.com/package/@canvasjs/react-charts)\r\n* [Angular Charts](https://www.npmjs.com/package/@canvasjs/angular-charts)\r\n* [jQuery Charts](https://www.npmjs.com/package/@canvasjs/jquery-charts)","readmeFilename":"README.md"}