{"id":26180316,"url":"https://github.com/twp0217/echarts-angular","last_synced_at":"2026-04-29T02:44:14.837Z","repository":{"id":58232246,"uuid":"87695657","full_name":"twp0217/echarts-angular","owner":"twp0217","description":"angular directive for ECharts(基于AngularJS的echarts指令)","archived":false,"fork":false,"pushed_at":"2017-04-13T11:40:19.000Z","size":8095,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-01T12:03:35.653Z","etag":null,"topics":["angular","angularjs","echarts","echarts-angular"],"latest_commit_sha":null,"homepage":"https://twp0217.github.io/echarts-angular/","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/twp0217.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-04-09T08:59:54.000Z","updated_at":"2017-08-11T07:53:52.000Z","dependencies_parsed_at":"2022-08-31T00:31:19.686Z","dependency_job_id":null,"html_url":"https://github.com/twp0217/echarts-angular","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/twp0217/echarts-angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twp0217%2Fecharts-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twp0217%2Fecharts-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twp0217%2Fecharts-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twp0217%2Fecharts-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/twp0217","download_url":"https://codeload.github.com/twp0217/echarts-angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/twp0217%2Fecharts-angular/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262959563,"owners_count":23391057,"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":["angular","angularjs","echarts","echarts-angular"],"created_at":"2025-03-11T21:55:25.307Z","updated_at":"2026-04-29T02:44:04.818Z","avatar_url":"https://github.com/twp0217.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# echarts-angular\r\n\r\n## 简介\r\n\u003e angular directive for ECharts(基于AngularJS的echarts指令)\r\n\r\n## 快速链接\r\n- [文档](https://github.com/twp0217/echarts-angular/wiki)\r\n\r\n## 环境\r\n- AngularJS \u003e=1.2.0\r\n- ECharts \u003e=3.4.0\r\n\r\n## 安装\r\n\r\n#### 安装依赖\r\n\r\n```\r\nbower install echarts-angular --save\r\n```\r\n\r\n#### 项目引入`echarts`、`angular`和`echarts-angular`\r\n\r\n```\r\n\u003cscript type=\"text/javascript\" src=\"bower_components/echarts/dist/echarts.min.js\"\u003e\u003c/script\u003e\r\n\u003cscript type=\"text/javascript\" src=\"bower_components/angular/angular.min.js\"\u003e\u003c/script\u003e\r\n\u003cscript type=\"text/javascript\" src=\"bower_components/echarts-angular/dist/echarts-angular.min.js\"\u003e\u003c/script\u003e\r\n```\r\n\r\n#### 项目使用\r\n\r\n- controller\r\n```\r\nvar app = angular.module('app', ['echarts-angular']);\r\napp.controller('demo', ['$scope', function($scope){\r\n\t$scope.option = {\r\n\t\ttitle: {\r\n\t\t\ttext: 'ECharts 入门示例'\r\n\t\t},\r\n\t\ttooltip: {},\r\n\t\tlegend: {\r\n\t\t\tdata: ['销量']\r\n\t\t},\r\n\t\txAxis: {\r\n\t\t\tdata: [\"衬衫\", \"羊毛衫\", \"雪纺衫\", \"裤子\", \"高跟鞋\", \"袜子\"]\r\n\t\t},\r\n\t\tyAxis: {},\r\n\t\tseries: [{\r\n\t\t\tname: '销量',\r\n\t\t\ttype: 'bar',\r\n\t\t\tdata: [5, 20, 36, 10, 10, 20]\r\n\t\t}]\r\n\t};\r\n}]);\r\n```\r\n\r\n- html\r\n\r\n```\r\n\u003cdiv class=\"container\" ng-controller=\"demo\"\u003e\r\n\t\u003cecharts-angular option=\"option\"\u003e\u003c/echarts-angular\u003e\r\n\u003c/div\u003e\r\n```\r\n\r\n## 支持\r\n\r\n- 如果项目对你有帮助，请点颗星:star:\r\n- 有问题，请提交 [issue](https://github.com/twp0217/echarts-angular/issues)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwp0217%2Fecharts-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftwp0217%2Fecharts-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwp0217%2Fecharts-angular/lists"}