{"_id":"@canvasjs/vue-stockcharts","_rev":"4-22a9fd8ae8dee667290cdbd2ba618743","name":"@canvasjs/vue-stockcharts","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@canvasjs/vue-stockcharts","version":"1.0.0","description":"CanvasJS Vue StockCharts","keywords":["vue stockcharts","vue charting library","dataviz","canvasjs","vue.js stockcharts","vue financial chart","high performance stock chart","canvasjs stockcharts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/vue-charts/","type":"module","main":"./dist/vue-stockcharts.umd.cjs","module":"./dist/vue-stockcharts.js","exports":{".":{"import":"./dist/vue-stockcharts.js","require":"./dist/vue-stockcharts.umd.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.47","@canvasjs/stockcharts":"^1.7.5"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","vite":"^4.1.4"},"_id":"@canvasjs/vue-stockcharts@1.0.0","_nodeVersion":"20.2.0","_npmVersion":"9.6.5","dist":{"integrity":"sha512-GxRCJZhP4vVP9nQknsgAApMZ/EwsZNy/3QlOU1y0ID5cabqpSfZ5UbuYUkx7fWTsv6GaH+DYdbiiMbRa5PMFeQ==","shasum":"51f0b0ba1e5de1e3ed39946818cbf36828504f1b","tarball":"https://registry.npmjs.org/@canvasjs/vue-stockcharts/-/vue-stockcharts-1.0.0.tgz","fileCount":6,"unpackedSize":15835,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICXaDM9UOgXyvZAuYWBmpgYWePAxc470WjBTNbwjsmjeAiBvdV4eAtWiv0xuC/xeryTnmuidYAuyMC2N3YvIYE8+bg=="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stockcharts_1.0.0_1685107552871_0.08045866730445606"},"_hasShrinkwrap":false},"1.0.1":{"name":"@canvasjs/vue-stockcharts","version":"1.0.1","description":"CanvasJS Vue StockCharts","keywords":["vue stockcharts","vue charting library","dataviz","canvasjs","vue.js stockcharts","vue financial chart","high performance stock chart","canvasjs stockcharts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/vuejs-charts/#stockcharts","type":"module","main":"./dist/vue-stockcharts.umd.cjs","module":"./dist/vue-stockcharts.js","exports":{".":{"import":"./dist/vue-stockcharts.js","require":"./dist/vue-stockcharts.umd.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":">=3.0.0","@canvasjs/stockcharts":"^1.7.5"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","vite":"^4.1.4"},"_id":"@canvasjs/vue-stockcharts@1.0.1","_nodeVersion":"20.2.0","_npmVersion":"9.6.5","dist":{"integrity":"sha512-JGoG+t8USOw/hHbw5878Qtm7G0ZaBJgtsU7HqsDvqHsRZyNzvl0BF9mmV461Dtt8V5NQZN42GsJc/uhohAMB2A==","shasum":"7a08071cf938ad3a6ac0a8b33157e8b087dc242a","tarball":"https://registry.npmjs.org/@canvasjs/vue-stockcharts/-/vue-stockcharts-1.0.1.tgz","fileCount":6,"unpackedSize":15849,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDorwRV64MTJqyjsEHg1ebFW+gHQrvTqrFR1zlpbcJFKwIgFg02yJSFUSBQUHUqMK+HfanKeThaxS9WdyRnZUc1Bzs="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stockcharts_1.0.1_1685107803693_0.5054562461056267"},"_hasShrinkwrap":false},"1.0.2":{"name":"@canvasjs/vue-stockcharts","version":"1.0.2","description":"CanvasJS Vue StockCharts","keywords":["vue stockcharts","vue charting library","dataviz","canvasjs","vue.js stockcharts","vue financial chart","high performance stock chart","canvasjs stockcharts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/vuejs-charts/#stockcharts","type":"module","main":"./dist/vue-stockcharts.umd.cjs","module":"./dist/vue-stockcharts.js","exports":{".":{"import":"./dist/vue-stockcharts.js","require":"./dist/vue-stockcharts.umd.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":">=3.0.0","@canvasjs/stockcharts":"^1.7.5"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","vite":"^4.1.4"},"_id":"@canvasjs/vue-stockcharts@1.0.2","_nodeVersion":"20.2.0","_npmVersion":"9.6.5","dist":{"integrity":"sha512-ffRNm7lzg6lrdjSiJ9y/i4dY+FGquVYgn6babRsAlheNo5ztWePFwCIrUibmU9FX14iTPvnot+M096ok+md0Uw==","shasum":"53b2281a8b6182c2a3a3b85b593dadb6b1143cad","tarball":"https://registry.npmjs.org/@canvasjs/vue-stockcharts/-/vue-stockcharts-1.0.2.tgz","fileCount":6,"unpackedSize":16158,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZcMtDfYrynPsoHGD3CAqkIqeob+A5GK3y6BLCXTvRwAiAG2mDm9YUPrAdHsn0Fi0XlQ7SYoFW+lzADehjZWz/Geg=="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stockcharts_1.0.2_1685109101216_0.24193372431554172"},"_hasShrinkwrap":false},"1.0.3":{"name":"@canvasjs/vue-stockcharts","version":"1.0.3","description":"CanvasJS Vue StockCharts","keywords":["vue stockcharts","vue charting library","dataviz","canvasjs","vue.js stockcharts","vue financial chart","high performance stock chart","canvasjs stockcharts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/vuejs-charts/#stockcharts","type":"module","main":"./dist/vue-stockcharts.umd.cjs","module":"./dist/vue-stockcharts.js","exports":{".":{"import":"./dist/vue-stockcharts.js","require":"./dist/vue-stockcharts.umd.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":">=3.0.0","@canvasjs/stockcharts":"^1.7.5"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","vite":"^4.1.4"},"_id":"@canvasjs/vue-stockcharts@1.0.3","gitHead":"109a71001ec5c1b39eab648c6df753b0164d285a","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-3xIe5Bn+31nMTba9hAS7sGoAJG93cT0x2ymREy/DLY/dMsdcmBB67LSXzMx4XOMH7VM/pZTKnjjH4q4hfB/G4g==","shasum":"6e57a995f47ba959db2a09d66c046f5bfb13eba5","tarball":"https://registry.npmjs.org/@canvasjs/vue-stockcharts/-/vue-stockcharts-1.0.3.tgz","fileCount":6,"unpackedSize":16360,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGeft4996YDifw2qPwYdCkJ0/OT7BlCOPXOg20DL2hkAAiBk9V6y/qC8B+eSjc10UuvrNEd0k7yTy8YEdtfNGAEqRA=="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stockcharts_1.0.3_1708924239151_0.23473843105636005"},"_hasShrinkwrap":false},"1.0.4":{"name":"@canvasjs/vue-stockcharts","version":"1.0.4","description":"CanvasJS Vue StockCharts - Official","keywords":["vue","stockcharts","vue charting library","dataviz","canvasjs","vue.js stockcharts","vue stockcharts","vue financial chart","high performance stock chart","canvasjs stockcharts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/vuejs-charts/#stockcharts","type":"module","main":"./dist/vue-stockcharts.umd.cjs","module":"./dist/vue-stockcharts.js","exports":{".":{"import":"./dist/vue-stockcharts.js","require":"./dist/vue-stockcharts.umd.cjs"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":">=3.0.0","@canvasjs/stockcharts":"^1.7.5"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","vite":"^4.1.4"},"_id":"@canvasjs/vue-stockcharts@1.0.4","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-OYAJBde8DpcCn/cpxoR8bo7rWN7pYmdMQF+B5SDg7yvjT/Aha50c/0Qr5VSy7dmVAmxgKa1vdP8if31sxvlqRg==","shasum":"b327018383f789922c0925305576b90e1ed7ee38","tarball":"https://registry.npmjs.org/@canvasjs/vue-stockcharts/-/vue-stockcharts-1.0.4.tgz","fileCount":6,"unpackedSize":16821,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYGGh+UL4LRzyvG9SfluZMUUr31fTwDrpBj3O+0PUTyAIgJFNhT7QT26xeSxznOTbKDQkmuc4FtMIyXMU5vzBskJk="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stockcharts_1.0.4_1709199828790_0.8127815496538724"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-26T13:25:52.824Z","1.0.0":"2023-05-26T13:25:53.058Z","modified":"2024-02-29T09:43:49.490Z","1.0.1":"2023-05-26T13:30:04.006Z","1.0.2":"2023-05-26T13:51:41.436Z","1.0.3":"2024-02-26T05:10:39.373Z","1.0.4":"2024-02-29T09:43:49.081Z"},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"description":"CanvasJS Vue StockCharts - Official","homepage":"https://canvasjs.com/vuejs-charts/#stockcharts","keywords":["vue","stockcharts","vue charting library","dataviz","canvasjs","vue.js stockcharts","vue stockcharts","vue financial chart","high performance stock chart","canvasjs stockcharts"],"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 StockCharts Plugin - Official\r\n\r\nCanvasJS [Vue StockChart](https://canvasjs.com/vuejs-charts/#stockcharts) Plugin for creating interactive financial charts and graphs for your Vue.js applications. Library supports a wide range of chart types including line, area, column, 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/#stockcharts\">\r\n\t<img src=\"https://canvasjs.com/wp-content/uploads/images/npm/vuejs/vue-stockcharts.jpg\" alt=\"CanvasJS Vue.js StockCharts\">\r\n</a>\r\n\r\n<br/>\r\n\r\n## Important Links\r\n- [Official Website](https://canvasjs.com/)\r\n- [Vue StockCharts Demo](https://canvasjs.com/vuejs-charts/#stockcharts)\r\n- [Download CanvasJS](https://canvasjs.com/download-html5-charting-graphing-library/)\r\n- [Vue StockCharts Integration](https://canvasjs.com/docs/stockcharts/integration/vuejs/)\r\n- [StockChart Documentation](https://canvasjs.com/docs/stockcharts/basics-of-creating-html5-stockchart/)\r\n- [CanvasJS Support Forum](https://canvasjs.com/forums/)\r\n\r\n<br/>\r\n\r\n## Installing CanvasJS Vue StockCharts\r\nInstall CanvasJS Vue StockCharts package to your Vue application via NPM.\r\n##### Install Vue StockCharts via NPM\r\n```\r\nnpm install @canvasjs/vue-stockcharts\r\n```\r\nSee [npm documentation](https://docs.npmjs.com/) to know more about npm usage.\r\n\r\n##### Import Vue StockChart plugin & install it\r\nImport the Vue StockCharts 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 CanvasJSStockChart from '@canvasjs/vue-stockcharts';\r\n\r\nconst app = createApp(App);\r\napp.use(CanvasJSStockChart); // install the CanvasJS Vuejs StockChart Plugin\r\napp.mount('#app');\r\n```\r\n\r\n##### Set the stockchart-options & create stockchart\r\nSet the stockchart-options in app.vue & use 'CanvasJSStockChart' selector to create StockChart inside template tag.\r\n```\r\n<!-- App.vue -->\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      options: {\r\n        title: {\r\n          text: \"CanvasJS StockChart in Vue.js\"\r\n        },\r\n        charts: [{\r\n          data: [{\r\n            type: \"line\",\r\n            dataPoints: [\r\n              { x: new Date(\"2018-01-01\"), y: 71 },\r\n              { x: new Date(\"2018-02-01\"), y: 55 },\r\n              { x: new Date(\"2018-03-01\"), y: 50 },\r\n              { x: new Date(\"2018-04-01\"), y: 65 },\r\n              { x: new Date(\"2018-05-01\"), y: 95 },\r\n              { x: new Date(\"2018-06-01\"), y: 68 },\r\n              { x: new Date(\"2018-07-01\"), y: 28 },\r\n              { x: new Date(\"2018-08-01\"), y: 34 },\r\n              { x: new Date(\"2018-09-01\"), y: 14 },\r\n              { x: new Date(\"2018-10-01\"), y: 71 },\r\n              { x: new Date(\"2018-11-01\"), y: 55 },\r\n              { x: new Date(\"2018-12-01\"), y: 50 },\r\n              { x: new Date(\"2019-01-01\"), y: 34 },\r\n              { x: new Date(\"2019-02-01\"), y: 50 },\r\n              { x: new Date(\"2019-03-01\"), y: 50 },\r\n              { x: new Date(\"2019-04-01\"), y: 95 },\r\n              { x: new Date(\"2019-05-01\"), y: 68 },\r\n              { x: new Date(\"2019-06-01\"), y: 28 },\r\n              { x: new Date(\"2019-07-01\"), y: 34 },\r\n              { x: new Date(\"2019-08-01\"), y: 65 },\r\n              { x: new Date(\"2019-09-01\"), y: 55 },\r\n              { x: new Date(\"2019-10-01\"), y: 71 },\r\n              { x: new Date(\"2019-11-01\"), y: 55 },\r\n              { x: new Date(\"2019-12-01\"), y: 50 }\r\n            ]\r\n          }]\r\n        }],\r\n        navigator: {\r\n          slider: {\r\n            minimum: new Date(\"2018-07-01\"),\r\n            maximum: new Date(\"2019-06-30\")\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n<template>\r\n  <CanvasJSStockChart :options=\"options\" />\r\n</template>\r\n\r\n```\r\n\r\n<br/>\r\n\r\n<img src=\"https://canvasjs.com/wp-content/uploads/images/npm/vuejs/vuejs-stockchart.jpg\" alt=\"Vue.js StockChart\">\r\n\r\n<br/>\r\n\r\n#### Interactive Vue StockChart\r\n<a href=\"https://canvasjs.com/vuejs-charts/#stockcharts\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/vuejs/interactive-vue-stockchart.gif\" alt=\"Vue.js Interactive StockCharts\"></a>\r\n\r\n<br/>\r\n\r\n### Related StockChart Packages\r\n- [JavaScript StockCharts](https://www.npmjs.com/package/@canvasjs/stockcharts)\r\n- [React StockCharts](https://www.npmjs.com/package/@canvasjs/react-stockcharts)\r\n- [Angular StockCharts](https://www.npmjs.com/package/@canvasjs/angular-stockcharts)\r\n- [jQuery StockCharts](https://www.npmjs.com/package/@canvasjs/jquery-stockcharts)","readmeFilename":"README.md"}