代码拉取完成,页面将自动刷新
angular directive for ECharts(基于AngularJS的echarts指令)
bower install echarts-angular --save
echarts
、angular
和echarts-angular
<script type="text/javascript" src="bower_components/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="bower_components/echarts-angular/dist/echarts-angular.min.js"></script>
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]
}]
};
}]);
<div class="container" ng-controller="demo">
<echarts-angular option="option"></echarts-angular>
</div>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。