{"id":18678130,"url":"https://github.com/zingchart/zingchart-ember","last_synced_at":"2025-07-05T05:36:37.780Z","repository":{"id":27843797,"uuid":"31333988","full_name":"zingchart/ZingChart-Ember","owner":"zingchart","description":"A ZingChart component for Ember CLI","archived":false,"fork":false,"pushed_at":"2021-02-09T21:06:58.000Z","size":33,"stargazers_count":19,"open_issues_count":0,"forks_count":7,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-07-02T06:52:21.521Z","etag":null,"topics":["charts","ember","javascript"],"latest_commit_sha":null,"homepage":"https://www.zingchart.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zingchart.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":"2015-02-25T20:22:41.000Z","updated_at":"2024-05-30T02:55:38.000Z","dependencies_parsed_at":"2022-09-04T07:01:26.330Z","dependency_job_id":null,"html_url":"https://github.com/zingchart/ZingChart-Ember","commit_stats":null,"previous_names":["zingchart/ember-zingchart"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zingchart/ZingChart-Ember","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zingchart%2FZingChart-Ember","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zingchart%2FZingChart-Ember/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zingchart%2FZingChart-Ember/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zingchart%2FZingChart-Ember/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zingchart","download_url":"https://codeload.github.com/zingchart/ZingChart-Ember/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zingchart%2FZingChart-Ember/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263691545,"owners_count":23496874,"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":["charts","ember","javascript"],"created_at":"2024-11-07T09:36:08.118Z","updated_at":"2025-07-05T05:36:37.766Z","avatar_url":"https://github.com/zingchart.png","language":"JavaScript","readme":"# ZingChart-Ember \n\nA ZingChart component for Ember CLI \n\n## Resources: \n* [Getting Started Guide](https://blog.zingchart.com/2015/02/24/zingchart-ember-js/) \u0026 [Guide Update](https://blog.zingchart.com/2016/04/25/new-ember-charts-wrapper-from-zingchart/?q=new%20ember%20charts%20wrapper%20from%20zingchart)\n* [Docs](http://www.zingchart.com/docs) \n* [Support](https://help.zingchart.com/hc/en-us)\n* [Stack Overflow](http://stackoverflow.com/search?q=zingchart)\n\n\n## Installation \n\n* `npm install --save ember-zingchart`\n* `ember g ember-zingchart`\n\n## Usage\n\nUse the following custom element to a Handlebars template file:\n\n```handlebars\n{{ember-zingchart renderOptions=myRenderOptions}}\n```\n\n### Properties\n|    Property   |    Required?  | Type | Description  |\n| :------------- |:-------------:| :----:| :---- |\n| renderOptions | required | Object | [Render method](http://www.zingchart.com/docs/developers/zingchart-object-and-methods/#render-method) configuration object used to configure the individual elements of a chart.|\n\nThe configuration object `renderOptions` is stored in tests/dummy/app/controllers/application.js.\n\n### Example Controller\n\n```\nimport Ember from 'ember';\n\nlet _renderOptions = {\n  height: 400,\n  width: \"100%\",\n  events: {\n    node_click:function(p) {\n      console.log(p);\n    }\n  },\n  data: {\n    \"type\":\"line\",\n    \"title\":{\n      \"text\":\"Average Metric\"\n    },\n    \"series\":[\n      {\n        \"values\":[69,68,54,48,70,74,98,70,72,68,49,69]\n      },\n      {\n        \"values\":[51,53,47,60,48,52,75,52,55,47,60,48]\n      },\n      {\n        \"values\":[42,43,30,40,31,48,55,46,48,32,38,38]\n      },\n      {\n        \"values\":[25,15,26,21,24,26,33,25,15,25,22,24]\n      }\n    ]\n  },\n  defaults: {\n    \"palette\" : {\n      \"line\" : [\n      [\"#ffffff\", \"#196eed\", \"#196eed\", \"#196eed\"],\n      [\"#ffffff\", \"#d94530\", \"#d94530\", \"#d94530\"],\n      [\"#ffffff\", \"#fdb82b\", \"#fdb82b\", \"#fdb82b\"],\n      [\"#ffffff\", \"#159755\", \"#159755\", \"#159755\"],\n      [\"#ffffff\", \"#8e8e8e\", \"#8e8e8e\", \"#8e8e8e\"]\n      ]\n    },\n    \"graph\" : {\n      \"background-color\":\"#f9f9f9\",\n      \"border-color\":\"#ddd\",\n      \"border-width\":\"1px\",\n      \"border-style\":\"solid\",\n      \"border-radius\":5,\n      \"title\" : {\n        \"background-color\" : \"#5f9af3\",\n        \"height\":\"30px\",\n        \"align\":\"center\",\n        \"font-color\" : \"#fff\",\n        \"border-radius-top-left\":5,\n        \"border-radius-top-right\":5\n      },\n    }\n  }\n}; // _renderOptions\n\nexport default Ember.Controller.extend({\n  // improve the readability of the controller\n  // by keeping the actual config object outside \n\tmyRenderOptions: _renderOptions\n});\n```\nFor more information on using ZingChart, visit [http://www.zingchart.com/docs/](http://www.zingchart.com/docs/).\n\nFor more information on using ember-cli, visit [http://www.ember-cli.com/](http://www.ember-cli.com/). \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzingchart%2Fzingchart-ember","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzingchart%2Fzingchart-ember","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzingchart%2Fzingchart-ember/lists"}