init: 路桥一把手孪生 大屏看板 项目首次入库
This commit is contained in:
88
public/js/chartmy.js
Normal file
88
public/js/chartmy.js
Normal file
@@ -0,0 +1,88 @@
|
||||
if($(window).width() > 991) {
|
||||
var total = window.innerHeight;
|
||||
document.getElementById("title").style.height = total * 0.1 + "px";
|
||||
document.getElementById("main").style.height = total * 0.9 + "px";
|
||||
title = document.getElementById("title");
|
||||
main = document.getElementById("main");
|
||||
|
||||
box02 = document.getElementById("box02");
|
||||
box03 = document.getElementById("box03");
|
||||
box04 = document.getElementById("box04");
|
||||
title_h = title.offsetHeight;
|
||||
main_h = main.offsetHeight;
|
||||
|
||||
box02_h = box02.offsetHeight;
|
||||
box03_h = box03.offsetHeight;
|
||||
box04_h = box04.offsetHeight;
|
||||
document.getElementById("box01").style.height = main_h * 0.65 + "px";
|
||||
document.getElementById("box8-box").style.height = main_h * 0.3 + "px";
|
||||
box02.style.height = main_h * 0.62 + "px";
|
||||
document.getElementById("box9-box").style.height = main_h * 0.3 + "px";
|
||||
box03.style.height = main_h * 0.475 + "px";
|
||||
box04.style.height = main_h * 0.475 + "px";
|
||||
box01 = document.getElementById("box01");
|
||||
box01_h = box01.offsetHeight;
|
||||
document.getElementById("live-box").style.height = box01_h * 0.05 + "px";
|
||||
document.getElementById("ym-menu").style.height = box03_h * 0.1 + "px";
|
||||
|
||||
};
|
||||
var app = angular.module('MyApp', []);
|
||||
app.controller('customersCtrl', function($scope, $http) {
|
||||
$http({
|
||||
method:'get',
|
||||
url:'data/da.json'
|
||||
}).then(function(res){
|
||||
$scope.titleList = res.data.titleList;
|
||||
$scope.dataList = res.data.dataList;
|
||||
var option = {
|
||||
color: ['#3398DB'],
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器,坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: [{
|
||||
type: 'category',
|
||||
data: $scope.titleList,
|
||||
axisTick: {
|
||||
alignWithLabel: true
|
||||
}
|
||||
}],
|
||||
yAxis: [{
|
||||
type: 'value'
|
||||
}],
|
||||
|
||||
series: [{
|
||||
name: '直接访问',
|
||||
type: 'bar',
|
||||
barWidth: '60%',
|
||||
data: $scope.dataList
|
||||
}]
|
||||
};
|
||||
|
||||
var myChart = echarts.init(document.getElementById("box2"));
|
||||
myChart.setOption(option);
|
||||
});
|
||||
});
|
||||
app.directive('barCharts', function() {
|
||||
return {
|
||||
scope: {
|
||||
id: "@",
|
||||
legend: "=",
|
||||
item: "=",
|
||||
data: "="
|
||||
},
|
||||
restrict: 'A',
|
||||
replace: true,
|
||||
link: function($scope, element, attrs, controller) {
|
||||
|
||||
}
|
||||
};
|
||||
});
|
||||
Reference in New Issue
Block a user