{"id":13531356,"url":"https://github.com/wangshijun/angular-echarts","last_synced_at":"2025-04-04T10:09:32.704Z","repository":{"id":57178369,"uuid":"21345540","full_name":"wangshijun/angular-echarts","owner":"wangshijun","description":":chart: angularjs bindings for baidu echarts","archived":false,"fork":false,"pushed_at":"2020-08-26T07:54:30.000Z","size":213,"stargazers_count":355,"open_issues_count":47,"forks_count":141,"subscribers_count":28,"default_branch":"master","last_synced_at":"2025-03-27T01:09:20.902Z","etag":null,"topics":["angular-echarts","angularjs","chart","echarts"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wangshijun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-06-30T09:11:18.000Z","updated_at":"2024-06-14T06:50:20.000Z","dependencies_parsed_at":"2022-08-30T16:11:00.333Z","dependency_job_id":null,"html_url":"https://github.com/wangshijun/angular-echarts","commit_stats":null,"previous_names":[],"tags_count":43,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangshijun%2Fangular-echarts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangshijun%2Fangular-echarts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangshijun%2Fangular-echarts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangshijun%2Fangular-echarts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wangshijun","download_url":"https://codeload.github.com/wangshijun/angular-echarts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247157283,"owners_count":20893220,"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-echarts","angularjs","chart","echarts"],"created_at":"2024-08-01T07:01:02.325Z","updated_at":"2025-04-04T10:09:32.685Z","avatar_url":"https://github.com/wangshijun.png","language":"JavaScript","readme":"# eCharts + AngularJS\n\nAngularJS directives to use [eCharts](http://ecomfe.github.io/echarts/index-en.html)\n\n## Prerequisites\n\nYou will need the following things properly installed on your computer.\n\n* [Node.js](http://nodejs.org/) (with NPM) and [Bower](http://bower.io/)\n\n## Breaking Changes in V1\n\n* `echart` support is v3.4.0;\n* `angular` support is v1.6.2;\n* map chart requires additional work, see below;\n* custome themes are removed, all uses the build in ones;\n\n## Building\n\n- Preparing\n`bower install` \u0026 `npm install`\n\n- default\n`gulp`\n\u003e develop with realtime monitor, automatic open browser to view example\n\n- build\n`gulp build`\n\u003e Build file to dist\n\n- publish\n`gulp publish`\n\u003e Build \u0026 bump npm versions\n\n## Usage\n\nInstall bower dependency and save for production\n\n```\n$ bower install angular-echarts --save\n```\n\nInject echarts and angular-echarts file into page\n\n```\n\u003cscript src=\"path/to/bower_components/echarts/dist/echarts.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"path/to/bower_components/angular-echarts/dist/angular-echarts.min.js\"\u003e\u003c/script\u003e\n```\n\n*Download and inject map definitions if you want a map chart: http://echarts.baidu.com/download-map.html*\n\nAdd dependency and declare a demo controller\n\n```\nvar app = angular.module('demo', ['angular-echarts']);\napp.controller('LineChartController', function ($scope) {\n\n    var pageload = {\n        name: 'page.load',\n        datapoints: [\n            { x: 2001, y: 1012 },\n            { x: 2002, y: 1023 },\n            { x: 2003, y: 1045 },\n            { x: 2004, y: 1062 },\n            { x: 2005, y: 1032 },\n            { x: 2006, y: 1040 },\n            { x: 2007, y: 1023 },\n            { x: 2008, y: 1090 },\n            { x: 2009, y: 1012 },\n            { x: 2010, y: 1012 },\n        ]\n    };\n\n    var firstPaint = {\n        name: 'page.firstPaint',\n        datapoints: [\n            { x: 2001, y: 22 },\n            { x: 2002, y: 13 },\n            { x: 2003, y: 35 },\n            { x: 2004, y: 52 },\n            { x: 2005, y: 32 },\n            { x: 2006, y: 40 },\n            { x: 2007, y: 63 },\n            { x: 2008, y: 80 },\n            { x: 2009, y: 20 },\n            { x: 2010, y: 25 },\n        ]\n    };\n\n    $scope.config = {\n        title: 'Line Chart',\n        subtitle: 'Line Chart Subtitle',\n        debug: true,\n        showXAxis: true,\n        showYAxis: true,\n        showLegend: true,\n        stack: false,\n    };\n\n    $scope.data = [ pageload ];\n    $scope.multiple = [pageload, firstPaint ];\n\n});\n```\n\nUse this markup for a quick demo\n\n```\n\u003cdiv class=\"col-md-3\" ng-controller=\"LineChartController\"\u003e\n    \u003cline-chart config=\"config\" data=\"data\"\u003e\u003c/line-chart\u003e\n    \u003cline-chart config=\"config\" data=\"multiple\"\u003e\u003c/line-chart\u003e\n\u003c/div\u003e\n```\n\n## Contribute\n\n* `git clone git@github.com:wangshijun/angular-echarts.git`\n* change into the new directory\n* `npm install`\n* `bower install`\n\n### __Running / Development__\n\n* open ```docs/index.html``` in browser\n\n\u003e Or you can use `gulp server` and visit `http://localhost:8080` in Chrome browser, to avoid `XMLHttpRequest Cross origin requests` error.\n\n","funding_links":[],"categories":["Frameworks"],"sub_categories":["AngularJS Binding"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangshijun%2Fangular-echarts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwangshijun%2Fangular-echarts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangshijun%2Fangular-echarts/lists"}