/// //柱状图 app.controller('barhtmlCtrl', ['$scope', 'myFactory','$timeout', function ($scope, myFactory,$timeout) { $scope.DT = []; var MyFilter = "采样区县"; myFactory.getselect({$select : MyFilter }, function (data) { //alert(angular.toJson(data)); var aaa= Enumerable.From(data.value).Distinct('$.采样区县').ToArray(); angular.forEach(aaa, function (data) { $scope.DT.push(data.采样区县); }) // MyData($scope.DT); //$scope.legend = ["区县抽检数据表"]; //$scope.item = ['美国上市第一个月报表', '美国上市第二个月报表', '美国上市第三个月报表', '美国上市第四个月报表', '美国上市第五个月报表', '美国上市第六个月报表']; //y轴展示数据 //$scope.data = [ // [1, 10, 20, 30, 40, 50] //]; }) function MyData(name) { $scope.legend = ["区县抽检数据表"]; $scope.item = $scope.DT //Y轴展示数据 alert($scope.item); $scope.data = [ [1, 10, 20, 30, 40, 50] ]; } $scope.legend = ["区县抽检数据表"]; $scope.item = ['闸北区', '静安区', '虹口区', '普陀区', '宝山', '美国上市第六个月报表']; //y轴展示数据 $scope.data = [ [1, 10, 20, 30, 40, 50] ]; }]) app.directive('barwy', function () { return { scope: { id: "@", legend: "=", item: "=", data: "=", newfunc: '&' }, restrict: 'E', // E = Element, A = Attribute, C = Class, M = Comment template: '
', replace: true, controller: function ($scope) { //var dT = $scope.newfunc(); var option = { tooltip: { show: true, trigger: "axis" }, legend: { data: $scope.legend }, xAxis: [{ type: 'value' }], yAxis: [{ type: 'category', data: $scope.item }], series: function () { var serie = []; for (var i = 0; i < $scope.legend.length; i++) { var item = { name: $scope.legend[i], type: 'bar', data: $scope.data[i] }; serie.push(item); } return serie; }() } $scope.option = option; }, link: function ($scope, iElm, iAttrs, controller) { //// 基于准备好的dom,初始化echarts图表 var myChart = echarts.init(document.getElementById($scope.id), 'macarons'); //// 为echarts对象加载数据 myChart.setOption($scope.option); $scope.$watch('', function () { //// 基于准备好的dom,初始化echarts图表 var myChart = echarts.init(document.getElementById($scope.id), 'macarons'); //// 为echarts对象加载数据 myChart.setOption($scope.option); } ); } }; }); //食品,项目,解决方法,评判标准,计量标准, //============================================================================================================================= app.controller('EcharesCtrl', ['$scope', 'myFactory', function ($scope, myFactory) { $scope.legend = ['张三', '李四', '王五', '刘麻子', '真美丽']; $scope.item = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']; $scope.data = [ { name: '邮件营销', type: 'line', stack: '总量', areaStyle: { normal: {} }, data: [120, 132, 101, 134, 90, 230, 210] }, { name: '联盟广告', type: 'line', stack: '总量', areaStyle: { normal: {} }, data: [220, 182, 191, 234, 290, 330, 310] }, { name: '视频广告', type: 'line', stack: '总量', areaStyle: { normal: {} }, data: [150, 232, 201, 154, 190, 330, 410] }, { name: '直接访问', type: 'line', stack: '总量', areaStyle: { normal: {} }, data: [320, 332, 301, 334, 390, 330, 320] }, { name: '搜索引擎', type: 'line', stack: '总量', label: { normal: { show: true, position: 'top' } }, areaStyle: { normal: {} }, data: [820, 932, 901, 934, 1290, 1330, 1320] } ]; }]) app.directive('linewy', function () { return { scope: { id: "@", legend: "=", item: "=", data: "=" }, restrict: 'E', // E = Element, A = Attribute, C = Class, M = Comment template: '
', replace: true, link: function ($scope, iElm, iAttrs, controller) { var option = { title: { text: '堆叠区域图' }, tooltip: { trigger: 'axis' }, legend: { data: $scope.legend }, toolbox: { feature: { saveAsImage: {} } }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: [ { type: 'category', boundaryGap: false, data: $scope.item } ], yAxis: [ { type: 'value' } ], series: function () { var serie = []; for (var i = 0; i < $scope.legend.length; i++) { var item = { name: $scope.legend[i], type: 'line', areaStyle: { normal: {} }, data: $scope.data[i].data }; //alert(JSON.stringify( item)); serie.push(item); } return serie; }() }; // 基于准备好的dom,初始化echarts图表 var myChart = echarts.init(document.getElementById($scope.id), 'macarons'); // 为echarts对象加载数据 myChart.setOption(option); } }; });