https://github.com/twp0217/echarts-angular
angular directive for ECharts(基于AngularJS的echarts指令)
https://github.com/twp0217/echarts-angular
angular angularjs echarts echarts-angular
Last synced: about 2 months ago
JSON representation
angular directive for ECharts(基于AngularJS的echarts指令)
- Host: GitHub
- URL: https://github.com/twp0217/echarts-angular
- Owner: twp0217
- License: mit
- Created: 2017-04-09T08:59:54.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-13T11:40:19.000Z (about 9 years ago)
- Last Synced: 2025-07-01T12:03:35.653Z (12 months ago)
- Topics: angular, angularjs, echarts, echarts-angular
- Language: JavaScript
- Homepage: https://twp0217.github.io/echarts-angular/
- Size: 7.72 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# echarts-angular
## 简介
> angular directive for ECharts(基于AngularJS的echarts指令)
## 快速链接
- [文档](https://github.com/twp0217/echarts-angular/wiki)
## 环境
- AngularJS >=1.2.0
- ECharts >=3.4.0
## 安装
#### 安装依赖
```
bower install echarts-angular --save
```
#### 项目引入`echarts`、`angular`和`echarts-angular`
```
```
#### 项目使用
- controller
```
var app = angular.module('app', ['echarts-angular']);
app.controller('demo', ['$scope', function($scope){
$scope.option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data: ['销量']
},
xAxis: {
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
}]);
```
- html
```
```
## 支持
- 如果项目对你有帮助，请点颗星:star:
- 有问题，请提交 [issue](https://github.com/twp0217/echarts-angular/issues)