{"_id":"@canvasjs/jquery-stockcharts","_rev":"2-6de8ac1df246b80a411c0dd00b6b3f3b","name":"@canvasjs/jquery-stockcharts","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@canvasjs/jquery-stockcharts","version":"1.0.0","description":"CanvasJS jQuery StockCharts - Official","main":"jquery.canvasjs.stock.min.js","keywords":["jQuery","stockcharts","canvasjs","canvasjs jQuery stockcharts","jQuery stockcharts","jQuery financial chart","high performance stock chart","canvasjs stockcharts"],"author":{"name":"fenopix"},"license":"SEE LICENSE IN <LICENSE>","homepage":"https://canvasjs.com/","dependencies":{"jquery":">=1.11.0","@canvasjs/stockcharts":"^1.7.5"},"_id":"@canvasjs/jquery-stockcharts@1.0.0","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-9Eh2jZspoQuc3xnRmLCpTAzJIx23YrjFUzudXqbJlFcHjVP777LBIoZF8JTwXDexs5VIkNejGvsBxbTMFg0flw==","shasum":"d9aa50662a2882ece68213f6f54c951fd86dbc66","tarball":"https://registry.npmjs.org/@canvasjs/jquery-stockcharts/-/jquery-stockcharts-1.0.0.tgz","fileCount":4,"unpackedSize":7703,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEprgokIseqUvpM9bSTdNsFYF2DB9S+x4uiLoZfCMSQIAiA648egTdO17WY5A5L2MCSuB/k0CTXT+HPGfDrDcd0pjA=="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/jquery-stockcharts_1.0.0_1709113568777_0.5221446323768411"},"_hasShrinkwrap":false},"1.0.1":{"name":"@canvasjs/jquery-stockcharts","version":"1.0.1","description":"CanvasJS jQuery StockCharts - Official","main":"jquery.canvasjs.stock.min.js","keywords":["jQuery","stockcharts","canvasjs","canvasjs jQuery stockcharts","jQuery stockcharts","jQuery financial chart","high performance stock chart","canvasjs stockcharts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/","dependencies":{"jquery":">=1.11.0","@canvasjs/stockcharts":"^1.7.5"},"_id":"@canvasjs/jquery-stockcharts@1.0.1","gitHead":"0065260e75c1163e5ddd8343904e326d1342b4e7","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-WIMqaspEt3Oe/J7AjPGy0vykcWGEzxFVH4jww/DvLzFy72yQYmaFMusYvVSaC0xL2IELJrNMMFXUCnobfHwd8A==","shasum":"525ce3a41b099f6c9d49fcf84c3843ee9a5b4df8","tarball":"https://registry.npmjs.org/@canvasjs/jquery-stockcharts/-/jquery-stockcharts-1.0.1.tgz","fileCount":4,"unpackedSize":7687,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7YLkyM4fe0/KMEW3C80IMUbl/TeAYFT7bXos30I7T2AIhAK4AcpsntJ7Mw8YD071gD7iHeZ0EkouGUmtm91Httefn"}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/jquery-stockcharts_1.0.1_1709121821625_0.13151808335206283"},"_hasShrinkwrap":false},"1.0.2":{"name":"@canvasjs/jquery-stockcharts","version":"1.0.2","description":"CanvasJS jQuery StockCharts - Official","main":"jquery.canvasjs.stock.min.js","keywords":["jQuery","stockcharts","canvasjs","canvasjs jQuery stockcharts","jQuery stockcharts","jQuery financial chart","high performance stock chart","canvasjs stockcharts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/jquery-charts/#stockcharts","dependencies":{"jquery":">=1.11.0","@canvasjs/stockcharts":"^1.7.5"},"_id":"@canvasjs/jquery-stockcharts@1.0.2","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-63Bnh0lL84e2HaWRKD9Ioe8wDmj1y9s9CeM0Hp7eev3XCrH38tJOpoe5HN9sd32M8t106LxMp8rcMfYn/hDGAg==","shasum":"9f06607132a803827d80fbe1a4d4718473db8820","tarball":"https://registry.npmjs.org/@canvasjs/jquery-stockcharts/-/jquery-stockcharts-1.0.2.tgz","fileCount":4,"unpackedSize":8349,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAuMnaac87fxR7GbVwNs7iNcfhb87C5kUff8CaS5NCUAAiEA3KfBDPKqIPPrWY3Hkf77LEuUcP0/2dcU5PuUUsyOZKQ="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/jquery-stockcharts_1.0.2_1709199470703_0.2049654603192621"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-28T09:46:08.702Z","1.0.0":"2024-02-28T09:46:08.935Z","modified":"2024-02-29T09:37:51.259Z","1.0.1":"2024-02-28T12:03:41.775Z","1.0.2":"2024-02-29T09:37:50.838Z"},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"description":"CanvasJS jQuery StockCharts - Official","homepage":"https://canvasjs.com/jquery-charts/#stockcharts","keywords":["jQuery","stockcharts","canvasjs","canvasjs jQuery stockcharts","jQuery stockcharts","jQuery 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\" target=\"_blank\">\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 jQuery StockCharts - Official\r\n\r\nCanvasJS <a>[jQuery StockChart](https://canvasjs.com/jquery-charts/#stockcharts) for creating interactive charts & graphs for your web pages. Library supports a wide range of chart types including line, area, column, candlestick, etc.\r\n<br/><br/>\r\n\r\n<a href=\"https://canvasjs.com/jquery-charts/#stockcharts\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/jquery/jquery-stockcharts.jpg\" alt=\"jQuery Charts\"></a>\r\n<br/><br/>\r\n\r\n## Important Links\r\n\r\n- [Official Website](https://canvasjs.com/)\r\n- [jQuery StockCharts Demo](https://canvasjs.com/jquery-charts/#stockcharts)\r\n- [Download CanvasJS](https://canvasjs.com/download-html5-charting-graphing-library/)\r\n- [jQuery StockChart Integration](https://canvasjs.com/docs/stockcharts/integration/jquery/)\r\n- [StockChart Documentation](https://canvasjs.com/docs/stockcharts/basics-of-creating-html5-stockchart/)\r\n- [StockChart Support Forum](https://canvasjs.com/forums/forum/stockchart-support/)\r\n<br/><br/>\r\n\r\n## Installing CanvasJS jQuery StockCharts\r\nThere are multiple ways to install CanvasJS jQuery StockCharts. You can directly add script-tag to include it from [CDN or download it from official site](https://canvasjs.com/download-html5-charting-graphing-library/) or install it from [NPM registry](https://npmjs.org/package/@canvasjs/jquery-stockcharts).\r\n\r\n#### Install jQuery StockChart via NPM\r\n\r\n```\r\nnpm install --save @canvasjs/jquery-stockcharts\r\n```\r\n\r\nSee [npm documentation](https://docs.npmjs.com/) to know more about npm usage.\r\n\r\n#### Using CanvasJS jQuery StockCharts via CDN\r\nYou can access CanvasJS jQuery StockCharts from our CDN directly. The plugin has a dependency on jQuery, and hence that has to be imported as well.\r\n```\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js\"></script>\r\n<script src=\"https://cdn.canvasjs.com/ga/jquery.canvasjs.stock.min.js\"></script>\r\n```\r\n\r\n#### Download from Official Site\r\nYou can download the jQuery plugin along with examples from our official [download page](https://canvasjs.com/download-html5-charting-graphing-library/). Save it in your project directory & add it in your application.\r\n```\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js\"></script>\r\n<script src=\"jquery.canvasjs.stock.min.js\"></script>\r\n```\r\n\r\n<br/>\r\n\r\n## Usage\r\n\r\nAfter CanvasJS jQuery StockCharts is installed, it can be imported into your project.\r\n\r\n```\r\n//Load jQuery and CanvasJS jQuery StockCharts\r\nimport $ from \"jquery\";\r\nimport \"@canvasjs/jquery-charts\";\r\n```\r\n\r\n#### Define container for the StockChart.\r\n\r\n```\r\n<div id=\"stockChartContainer\"></div>\r\n```\r\n\r\n#### Create StockChart\r\n\r\n```\r\n    var stockChartOptions = {\r\n        title: {\r\n            text: \"CanvasJS StockChart\"\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    $(\"#stockChartContainer\").CanvasJSStockChart(stockChartOptions);\r\n```\r\n\r\n<br/>\r\n\r\n<img src=\"https://canvasjs.com/wp-content/uploads/images/npm/jquery/jquery-stockchart.png\" alt=\"jQuery StockChart\">\r\n\r\n<br/>\r\n\r\n#### Interactive jQuery StockCharts\r\n\r\n![jQuery Interactive StockCharts](https://canvasjs.com/wp-content/uploads/images/npm/stockchart-interactivity.gif)\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- [Vue StockCharts](https://www.npmjs.com/package/@canvasjs/vue-stockcharts)","readmeFilename":"README.md"}