{"id":18332899,"url":"https://github.com/anychart/anychart-jquery","last_synced_at":"2025-04-06T03:33:58.098Z","repository":{"id":57180908,"uuid":"78816147","full_name":"AnyChart/AnyChart-jQuery","owner":"AnyChart","description":"jQuery plugin for AnyChart provides an easy way to use AnyChart JavaScript Charts with jQuery framework.","archived":false,"fork":false,"pushed_at":"2021-12-07T16:29:42.000Z","size":1289,"stargazers_count":14,"open_issues_count":1,"forks_count":3,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-03-21T16:21:30.926Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.anychart.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AnyChart.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-13T04:47:10.000Z","updated_at":"2024-11-06T13:03:31.000Z","dependencies_parsed_at":"2022-09-14T03:41:02.884Z","dependency_job_id":null,"html_url":"https://github.com/AnyChart/AnyChart-jQuery","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-jQuery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-jQuery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-jQuery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-jQuery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnyChart","download_url":"https://codeload.github.com/AnyChart/AnyChart-jQuery/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247430838,"owners_count":20937873,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-05T19:40:32.722Z","updated_at":"2025-04-06T03:33:53.089Z","avatar_url":"https://github.com/AnyChart.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[\u003cimg src=\"https://cdn.anychart.com/images/logo-transparent-segoe.png?2\" width=\"234px\" alt=\"AnyChart - Robust JavaScript/HTML5 Chart library for any project\"\u003e](https://www.anychart.com)\n\njQuery Plugin for AnyChart.\n=========\n\njQuery plugin for AnyChart provides an easy way to use [AnyChart JavaScript Charts](https://www.anychart.com) with jQuery library.\n\n## Table of Contents\n\n* [Download and Install](#download-and-install)\n* [Quick Start](#quick-start)\n* [Examples Overview](#examples-overview)\n* [API Overview](#api-overview)\n* [Contacts](#contacts)\n* [Links](#links)\n* [License](#license)\n\n## Download and install\n\nThere are several ways to download/install AnyChart-jQuery.\n\n#### Direct download\n\nBinaries are located in [dist](https://github.com/AnyChart/AnyChart-jQuery/tree/master/dist) folder.\n\n#### Package managers\n\nYou can install AnyChart-jQuery using **npm**, **bower** or **yarn**:\n\n* `npm install anychart-jquery`\n* `bower install anychart-jquery`\n* `yarn add anychart-jquery`\n\n## Quick start\nHere is a basic sample that shows how to add a column chart:\n\n```\n\u003c!doctype html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n    \u003c!-- Add jQuery --\u003e\n    \u003cscript src=\"path/to/node_modules/jquery/dist/jquery.min.js\"\u003e\u003c/script\u003e\n    \u003c!-- Add anychart-bundle --\u003e\n    \u003cscript src=\"path/to/node_modules/anychart/dist/js/anychart-base.min.js\"\u003e\u003c/script\u003e\n    \u003c!-- Add AnyChart jQuery plugin --\u003e\n    \u003cscript src=\"js/anychart-jquery.min.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\u003cdiv id=\"container\" style=\"width: 640px; height: 480px;\"\u003e\u003c/div\u003e\n\u003cscript\u003e\n\t// Render a column chart to a #container\n\t$('#container').anychart('column', [3, 1, 2]);\n\u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n## API Overview\n#### `$(selector).anychart();`\nReturns an instance of a chart if it is rendered to a container. Returns `null` otherwise.\n\n```\n$(selector).anychart('line', [3, 1, 2]);\nvar chart = $(selector).anychart();\nchart.background('red');\n```\n\n#### `$(selector).anychartStage();`\nReturns an instance of a stage if it was rendered to a container. Returns `null` otherwise.\n\n```\n// e.g. create and setup chart1, chart2, chart3\n$(selector).anychartStage(chart1, chart2, chart3);\n\nvar stage = $(selector).anychartStage();\nstage.width(400);\n```\n\n#### `$(selector).anychart(type, var_args);`\nRenders `type` chart to a container.\n\n`type` can be any of AnyChart chart types or `stock`, `ganttProject`, `ganttResource`.\n\n`var_args` are data that is passed to the chart constructor.\n\n```\n// create a line chart with 2 series\n$(selector).anychart('line', [3, 1, 2], [5, 4, 3]);\n```\nOther use cases you can find in [AnyChart jQuery examples](https://github.com/AnyChart/AnyChart-jQuery/tree/master/examples) folder\n\n#### `$(selector).anychart(type, geoData, var_args);`\nRenders a map to a container.\n\n`type` can be: `bubbleMap`, `choropleth`, `connector`, `markerMap`, `seatMap`\n\n`geoData` can be a string or an object with geo data.\n\n`var_args` are chart data.\n\n```\n// create a choropleth series on the australia map\n$(selector).anychart('choropleth', 'anychart.maps.australia', data);\n```\n\n#### `$(selector).anychartStage(var_args);`\nRenders preconfigured charts to a [stage](http://docs.anychart.com/latest/Graphics/Basics).\n\n`var_args` are charts to be rendered to on a stage.\n\n```\n// create and setup chart1, chart2, chart3\n// ....\n// Render them to a stage.\n$(selector).anychartStage(chart1, chart2, chart3);\n```\n\n\n\n## Examples Overview\nSee examples to learn how things work:\n\n* **[async_data_load.html](https://github.com/anychart/anychart-jquery/blob/master/examples/async_data_load.html)**: Async data loading.\n* **[choropleth_map.html](https://github.com/anychart/anychart-jquery/blob/master/examples/choropleth_map.html)**: Choropleth (colored) map.\n* **[gantt.html](https://github.com/anychart/anychart-jquery/blob/master/examples/gantt.html)**: A gantt chart.\n* **[multiple_charts.html](https://github.com/anychart/anychart-jquery/blob/master/examples/multiple_charts.html)**: Handling multiple charts.\n* **[simple_chart_update.html](https://github.com/anychart/anychart-jquery/blob/master/examples/simple_chart_update.html)**: Simple chart which can be updated (switch type, change background).\n* **[simple_dashboard.html](https://github.com/anychart/anychart-jquery/blob/master/examples/simple_dashboard.html)**: A simple dashboard.\n* **[stock.html](https://github.com/anychart/anychart-jquery/blob/master/examples/stock.html)**: A stock chart.\n\n\n## Contacts\n\n* Web: [www.anychart.com](https://www.anychart.com)\n* Email: [contact@anychart.com](mailto:contact@anychart.com)\n* Twitter: [anychart](https://twitter.com/anychart)\n* Facebook: [AnyCharts](https://www.facebook.com/AnyCharts)\n* LinkedIn: [anychart](https://www.linkedin.com/company/anychart)\n\n## Links\n\n* [AnyChart Website](https://www.anychart.com)\n* [Download AnyChart](https://www.anychart.com/download/)\n* [AnyChart Licensing](https://www.anychart.com/buy/)\n* [AnyChart Support](https://www.anychart.com/support/)\n* [Report Issues](https://github.com/AnyChart/AnyChart-jQuery/issues)\n* [AnyChart Playground](https://playground.anychart.com)\n* [AnyChart Documentation](https://docs.anychart.com)\n* [AnyChart API Reference](https://api.anychart.com)\n* [AnyChart Sample Solutions](https://www.anychart.com/solutions/)\n* [AnyChart Integrations](https://www.anychart.com/integrations/)\n\n## License\n\nAnyChart jQuery plugin sample includes two parts:\n- code of the plugin sample that allows to use Javascript library (in this case, AnyChart) with jQuery Library. You can use, edit, modify it, use it with other Javascript libraries without any restrictions. It is released under [Apache 2.0 License](https://github.com/AnyChart/AnyChart-jQuery/blob/master/LICENSE)\n- AnyChart JavaScript library. It is released under Commercial license. You can test this plugin with the trial version of AnyChart. Our trial version is not limited by time and doesn't contain any feature limitations. Check details [here](https://www.anychart.com/buy/)\n\nIf you have any questions regarding licensing - please contact us. \u003csales@anychart.com\u003e\n[![Analytics](https://ga-beacon.appspot.com/UA-228820-4/Plugins/AnyChart-jQuery?pixel\u0026useReferer)](https://github.com/igrigorik/ga-beacon)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanychart%2Fanychart-jquery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanychart%2Fanychart-jquery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanychart%2Fanychart-jquery/lists"}