{"id":18332916,"url":"https://github.com/anychart/anychart-ember","last_synced_at":"2025-04-06T03:33:59.700Z","repository":{"id":57222982,"uuid":"76821255","full_name":"AnyChart/AnyChart-Ember","owner":"AnyChart","description":"AnyChart Component for Ember CLI provides an easy way to use AnyChart JavaScript Charts with Ember Framework.","archived":false,"fork":false,"pushed_at":"2018-03-29T04:16:14.000Z","size":2380,"stargazers_count":12,"open_issues_count":1,"forks_count":0,"subscribers_count":18,"default_branch":"master","last_synced_at":"2025-03-21T16:22:11.545Z","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.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-19T02:30:43.000Z","updated_at":"2024-05-10T15:02:53.000Z","dependencies_parsed_at":"2022-08-25T12:22:22.975Z","dependency_job_id":null,"html_url":"https://github.com/AnyChart/AnyChart-Ember","commit_stats":null,"previous_names":[],"tags_count":20,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-Ember","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-Ember/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-Ember/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnyChart%2FAnyChart-Ember/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnyChart","download_url":"https://codeload.github.com/AnyChart/AnyChart-Ember/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:36.381Z","updated_at":"2025-04-06T03:33:54.687Z","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\nEmber Plugin for AnyChart\n=========================\n\nAnyChart Component for Ember CLI provides an easy way to use [AnyChart JavaScript Charts](https://www.anychart.com) with [Ember Framework](http://emberjs.com/).  \n\n## Download and install\n\n### Install dependencies\n\nFirst, you need to download and install [NodeJS](https://nodejs.org/en/) if you don’t have it installed already.\n\nTo use the **ember-anychart** plugin, you should also have [Bower](https://bower.io/) and [Ember CLI](https://ember-cli.com/) installed.\n\n* `npm install -g bower`  \n* `npm install -g ember-cli`\n\n### Install plugin globally\n\nYou can install **ember-anychart** plugin using **npm** or **yarn** package managers:  \n* `npm install -g ember-anychart`  \n* `yarn global add ember-anychart`  \n\n### Install plugin into a project\n\nTo install **ember-anychart** plugin into an ember project, navigate to project directory and install the package: \n\n* `ember install --save ember-anychart`\n* `npm install --save ember-anychart`\n* `yarn add ember-anychart`\n\nIf you installed plugin via **npm** or **yarn** then you should complete installation by generation plugin blueprint\n* `ember generate ember-anychart`\n\n## Usage\n\nUse the following custom element in a Handlebars template file:\n\n```handlebars\n// Create a simple chart using attributes\n{{ember-anychart type=\"pie\" data=someData title=\"My simple chart\"}}\n\n// Create a chart using chart instance\n{{ember-anychart instance=model.chart}}\n\n// Create a dashboard using a stage instance\n{{ember-anychart instance=model.stage}}\n\n// Also you can set id and class of a container where chart is placed\n{{ember-anychart instance=model.chart id=\"chart-container\" class=\"custom-styled-container\"}}\n```\n\n### Component attributes\n\n| Attribute | Type | Description | Required |\n| :------------- |:-------------:| :----| :---- |\n| **instance** | Object | A chart or a stage instance. If you use this parameter, then *type* attribute is ignored. | **Required** (if *type* is not defined) |\n| **type** | String | Chart type. Use this to create a simple chart. This parameter is ignored when an *instance* is defined. | **Required** (if *instance* is not defined) |\n| **afterDraw** | Function | Chart after draw callback function. This parameter is ignored when 'instance' param is defined and it is a stage instance. | optional |\n| A chart or stage settings | | You can use any chart or stage settings as an attribute, like *data*, *title*, *label*, *legend* and so on. | optional |\n\n## Examples\n\nPlease see a sample applications in the *ember-anychart/tests/dummy/* folder.\n\n### How to run a sample application\n\nYou should have NodeJs, Ember, and Bower installed. See [Download and install](#download-and-install).\n\nClone and install:\n```\ngit clone https://github.com/AnyChart/AnyChart-Ember\ncd AnyChart-Ember\nnpm install\nbower install\nember server\n```\n\nThen open browser at *http://localhost:4200*\n\n### Sample files\n\n| Example | Files | Description |\n| :--- |:---| :----|\n|**Simple chart**|*ember-anychart/tests/dummy/app/routes/simple-chart.js*\u003cbr\u003e*ember-anychart/tests/dummy/app/templates/simple-chart.hbs*|Shows how to create a simple Line Chart by creating chart instance and passing it to *instance* attribute of the component.|\n|**Chart with custom settings**|*ember-anychart/tests/dummy/app/routes/chart-with-custom-settings.js*\u003cbr\u003e*ember-anychart/tests/dummy/app/templates/chart-with-custom-settings.hbs*|Shows a simple Pie Chart with *type*, *data* and *title* attributes.\u003cbr\u003eAlso shows how to use *afterDraw* callback.|\n|**Simple dashboard**|*ember-anychart/tests/dummy/app/routes/simple-dashboard.js*\u003cbr\u003e*ember-anychart/tests/dummy/app/templates/simple-dashboard.hbs*|Dashboard with stage instance set to *instance* attribute.|\n|**Chart with dynamic settings**|*ember-anychart/tests/dummy/app/routes/chart-with-dynamic-settings.js*\u003cbr\u003e*ember-anychart/tests/dummy/app/templates/chart-with-dynamic-settings.hbs*\u003cbr\u003e*ember-anychart/tests/dummy/app/controllers/chart-with-dynamic-settings.js*|Dynamic change of chart palette setting with the help of ember controller action.|\n|**Data streaming**|*ember-anychart/tests/dummy/app/routes/data-streaming.js*\u003cbr\u003e*ember-anychart/tests/dummy/app/templates/data-streaming.hbs*|Dynamic change of chart data.|\n|**Simple stock chart**|*ember-anychart/tests/dummy/app/routes/simple-stock-chart.js*\u003cbr\u003e*ember-anychart/tests/dummy/app/templates/simple-stock-chart.hbs*\u003cbr\u003e*ember-anychart/tests/dummy/public/stock-data.json*|A simple Stock Chart. Shows how you can load a big data set from a JSON file.|\n|**Geographical colored map**|*ember-anychart/tests/dummy/app/routes/geographical-colored-map.js*\u003cbr\u003e*ember-anychart/tests/dummy/app/templates/geographical-colored-map.hbs*\u003cbr\u003e*ember-anychart/tests/dummy/public/united_states_of_america.topo.json*|Colored Geographical Map with geo data loaded from a file.|\n|**Simple gantt chart** |*ember-anychart/tests/dummy/app/routes/simple-gantt-chart.js*\u003cbr\u003e*ember-anychart/tests/dummy/app/templates/simple-gantt-chart.hbs*|Simple Gantt Chart.|\n\n## Versions\n\n* Code in the *v1.1.1* branch works with Ember version 2.10\n* Code in the *master* branch works with Ember version 2.14 and higher\n\n## Contacts\n\n* Web: [www.anychart.com](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-Ember/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\n[© AnyChart.com - JavaScript charts](https://www.anychart.com). \n[![Analytics](https://ga-beacon.appspot.com/UA-228820-4/Plugins/Ember?pixel\u0026useReferer)](https://github.com/igrigorik/ga-beacon)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanychart%2Fanychart-ember","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanychart%2Fanychart-ember","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanychart%2Fanychart-ember/lists"}