{"_id":"@canvasjs/jquery-charts","_rev":"2-b997e4cffdfb8d131684abb8fc6ea7ee","name":"@canvasjs/jquery-charts","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@canvasjs/jquery-charts","version":"1.0.0","description":"CanvasJS jQuery Charts - Official","main":"jquery.canvasjs.min.js","keywords":["jQuery","charts","jQuery graphs","jQuery charting library","jQuery chart library","jQuery charts","graphs","dataviz","canvasjs","canvas","high performance charts","line charts","area charts","bar charts","pie charts"],"author":{"name":"fenopix"},"license":"SEE LICENSE IN <LICENSE>","homepage":"https://canvasjs.com/","dependencies":{"jquery":">=1.11.0","@canvasjs/charts":"^3.7.5"},"_id":"@canvasjs/jquery-charts@1.0.0","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-W7uPDcglLetpnbAYAqkevsPa3jb+YkjPOCSdu0iBbOzl9sZBPMktjesOurEJ38o4aKDtTOBeJAcP3kO5rdvZRA==","shasum":"261515b11af7822ded96fb27b26953a5939dbf2f","tarball":"https://registry.npmjs.org/@canvasjs/jquery-charts/-/jquery-charts-1.0.0.tgz","fileCount":4,"unpackedSize":7123,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6Smtj9RluosThB/DsaGG4fn5UAbvQXyqSnbrXQullDQIhAJaMUi2/l0wcS7vYuFCOKbLfqs4SaAF8PnW5POEGkBBw"}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/jquery-charts_1.0.0_1709113566543_0.7629003956991665"},"_hasShrinkwrap":false},"1.0.1":{"name":"@canvasjs/jquery-charts","version":"1.0.1","description":"CanvasJS jQuery Charts - Official","main":"jquery.canvasjs.min.js","keywords":["jQuery","charts","jQuery graphs","jQuery charting library","jQuery chart library","jQuery charts","graphs","dataviz","canvasjs","canvas","high performance charts","line charts","area charts","bar charts","pie charts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/","dependencies":{"jquery":">=1.11.0","@canvasjs/charts":"^3.7.5"},"_id":"@canvasjs/jquery-charts@1.0.1","gitHead":"0065260e75c1163e5ddd8343904e326d1342b4e7","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-++9s+jXjO0bBMSCzQwOEZs3KIHcdU9phUQWtDTW4J2tYVqKs5cVAp7XwZ93HWUfCLa186LbjBc9pUTOruLW7Fg==","shasum":"929e808a90e18741fff0baf7a6e01aa202fb1974","tarball":"https://registry.npmjs.org/@canvasjs/jquery-charts/-/jquery-charts-1.0.1.tgz","fileCount":4,"unpackedSize":7102,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJ/F7Lps7VZIJV0id89JtZExcGHZ4YUYJTQjFktKEt6wIhAK7bnvVZ56BykJ3wfAwhvgJw9CT4hOel9WGB8sKFXjiw"}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/jquery-charts_1.0.1_1709121809606_0.3689048129737891"},"_hasShrinkwrap":false},"1.0.2":{"name":"@canvasjs/jquery-charts","version":"1.0.2","description":"CanvasJS jQuery Charts - Official","main":"jquery.canvasjs.min.js","keywords":["jQuery","charts","jQuery graphs","jQuery charting library","jQuery chart library","jQuery charts","graphs","dataviz","canvasjs","canvas","high performance charts","line charts","area charts","bar charts","pie charts"],"author":{"name":"fenopix"},"license":"MIT","homepage":"https://canvasjs.com/jquery-charts/","dependencies":{"jquery":">=1.11.0","@canvasjs/charts":"^3.7.5"},"_id":"@canvasjs/jquery-charts@1.0.2","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-jNL64A2xbg1owmMS9X6wq8Ix6ZX7tMaRttYtmJ8WfBCaHwyW/USfg1fNHcpvc/LlWfKXPbFvvviHvhVwSd8eDw==","shasum":"db20b71cbcd98c9fbb3a8cca5bf92f7997235348","tarball":"https://registry.npmjs.org/@canvasjs/jquery-charts/-/jquery-charts-1.0.2.tgz","fileCount":4,"unpackedSize":6998,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC+MEqUOFEFl3zzG6q4NiCMTecfaDIiCoM9MRa1rczO8AiEAze0d2b+cuGKNz3BtHsRL/k6QrpRLw+QhORbC/ebOQ3o="}]},"_npmUser":{"name":"canvasjs","email":"info@canvasjs.com"},"directories":{},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/jquery-charts_1.0.2_1709199420076_0.012145732012986077"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-28T09:46:06.475Z","1.0.0":"2024-02-28T09:46:06.685Z","modified":"2024-02-29T09:37:00.616Z","1.0.1":"2024-02-28T12:03:29.742Z","1.0.2":"2024-02-29T09:37:00.213Z"},"maintainers":[{"name":"canvasjs","email":"info@canvasjs.com"}],"description":"CanvasJS jQuery Charts - Official","homepage":"https://canvasjs.com/jquery-charts/","keywords":["jQuery","charts","jQuery graphs","jQuery charting library","jQuery chart library","jQuery charts","graphs","dataviz","canvasjs","canvas","high performance charts","line charts","area charts","bar charts","pie charts"],"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 Charts - Official\r\nCanvasJS [jQuery Chart Plugin](https://canvasjs.com/jquery-charts/) for creating interactive charts and graphs for your web applications. Library supports a wide range of chart types including bar, line, area, pie, doughnut charts, etc.\r\n<br/><br/>\r\n\r\n<a href=\"https://canvasjs.com/jquery-charts/\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/jquery/jquery-charts.png\" alt=\"jQuery Charts\"></a>\r\n<br/><br/>\r\n\r\n## Important Links\r\n- [Official Website](https://canvasjs.com/)\r\n- [jQuery Integration Overview](https://canvasjs.com/docs/charts/integration/jquery/)\r\n- [jQuery Charts Demo](https://canvasjs.com/jquery-charts/)\r\n- [Download CanvasJS](https://canvasjs.com/download-html5-charting-graphing-library/)\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<br/><br/>\r\n\r\n## Installing CanvasJS jQuery Charts\r\nThere are multiple ways to install CanvasJS jQuery Charts. 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-charts).\r\n\r\n\r\n#### Install jQuery Charts via NPM\r\n```\r\nnpm install --save @canvasjs/jquery-charts\r\n```\r\nSee [npm documentation](https://docs.npmjs.com/) to know more about npm usage.\r\n\r\n#### Using CanvasJS jQuery Charts via CDN\r\nYou can access CanvasJS jQuery Charts 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.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.min.js\"></script>\r\n```\r\n\r\n<br/>\r\n\r\n## Usage\r\nAfter CanvasJS jQuery Charts is installed, it can be imported into your project.\r\n```\r\n//Load jQuery and CanvasJS jQuery Charts\r\nimport $ from \"jquery\";\r\nimport \"@canvasjs/jquery-charts\";\r\n```\r\n\r\n\r\n#### Define container for the chart.\r\n\r\n```\r\n<div id=\"chartContainer\"></div>\r\n```\r\n\r\n#### Create Chart\r\n\r\n```\r\n//Set the chart-options & create chart\r\nvar options = {\r\n\t//Chart Options - Check https://canvasjs.com/docs/charts/chart-options/\r\n\ttitle:{\r\n\t\ttext: \"Basic Column Chart in jQuery\"              \r\n\t},\r\n\tdata: [{\r\n\t\ttype: \"column\",\r\n\t\tdataPoints: [\r\n\t\t\t{ label: \"apple\",  y: 10  },\r\n\t\t\t{ label: \"orange\", y: 15  },\r\n\t\t\t{ label: \"banana\", y: 25  },\r\n\t\t\t{ label: \"mango\",  y: 30  },\r\n\t\t\t{ label: \"grape\",  y: 28  }\r\n\t\t]\r\n\t}]\r\n};\r\n\r\n$(\"#chartContainer\").CanvasJSChart(options);\r\n```\r\n<br/><br/>\r\n<img src=\"https://canvasjs.com/wp-content/uploads/images/npm/jquery/jquery-column-chart.jpeg\" alt=\"jQuery Column Chart\">\r\n\r\n\r\n#### Interactive jQuery Charts\r\n<a href=\"https://canvasjs.com/jquery-charts/column-line-area-chart/\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/jquery/interactive-jquery-charts.gif\" alt=\"jQuery Interactive Charts\"></a>\r\n\r\n<br/>\r\n\r\n#### jQuery Animated Chart\r\n<a href=\"https://canvasjs.com/jquery-charts/animated-chart/\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/jquery/jquery-animated-chart.gif\" alt=\"Animated jQuery Charts\"></a>\r\n\r\n<br/>\r\n\r\n#### jQuery Chart with Zooming / Panning\r\n<a href=\"https://canvasjs.com/jquery-charts/line-chart-zoom-pan/\"><img src=\"https://canvasjs.com/wp-content/uploads/images/npm/jquery/jquery-charts-zoom-pan.gif\" alt=\"jQuery 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* [Vue Charts](https://www.npmjs.com/package/@canvasjs/vue-charts)","readmeFilename":"README.md"}