Merge remote-tracking branch 'upstream/develop' into develop
Caozhenhui
commit
301c51eb5e
|
|
@ -1,63 +0,0 @@
|
|||
Highcharts.theme = {
|
||||
// colors:['#01A4CD','#25C43F','#E07326','#E0F300','#0CD7E8','#34EB7E','#FFAC62','#FFF570','#39FACA','#87E6FF'], //skin1-g
|
||||
// colors:['#049FDC','#43C166','#E96D46','#E9F200','#1DD4F0','#55EAA0','#FFA788','#FFF494','#5BFADB','#A5E4FF'], //skin2-g
|
||||
//colors:['#01A6D7','#29C659','#E1763B','#E1F300','#0ED8ED','#38EC94','#FFAE7B','#FFF588','#3EFBD5','#8BE6FF'], //skin3-g
|
||||
colors : ['#1abc9c', '#f1c40f', '#2ecc71', '#e67e22', '#3498db', '#e74c3c', '#9b59b6', '#95a5a6', '#34495e'], //flat colors
|
||||
// colors: ['#4572A7','#AA4643','#89A54E','#80699B','#3D96AE','#DB843D','#92A8CD','#A47D7C','#B5CA92'], //default
|
||||
// colors:['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263','#6AF9C4'],
|
||||
tooltip : {
|
||||
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
||||
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
|
||||
'<td style="padding:0"><b>{point.y} </b></td></tr>',
|
||||
footerFormat: '</table>',
|
||||
shared: true,
|
||||
useHTML: true,
|
||||
valueDecimals: 3,
|
||||
|
||||
// dateTimeLabelFormats:{
|
||||
// minute:'%Y-%m-%d %H:%M',
|
||||
// hour : '%Y-%m-%d %H:%M',
|
||||
// day : '%Y-%m-%d',
|
||||
// month : '%Y-%m',
|
||||
// year : '%Y'
|
||||
// },
|
||||
|
||||
// formatter:function (){
|
||||
// return '<b>'+Highcharts.dateFormat('%y-%m-%d %H:%M',new Date(this.x))
|
||||
// + '~' + Highcharts.dateFormat('%H:%M',new Date(this.x+1000*60*30))
|
||||
// + ':</b><br/><span style="color:'+this.series.color+';padding:0"> '+
|
||||
// this.series.name + ':</span><b>'+
|
||||
// this.y.toFixed(3) +'</b>';
|
||||
// },
|
||||
},
|
||||
chart:{
|
||||
height:300
|
||||
},
|
||||
yAxis : {
|
||||
//min : 0,
|
||||
//startOnTick : false,
|
||||
title : {
|
||||
text : null
|
||||
},
|
||||
//showLastLabel:true,
|
||||
},
|
||||
title:{
|
||||
text:null
|
||||
},
|
||||
legend:{
|
||||
enabled:true,
|
||||
//maxHeight:60,
|
||||
//labelFormatter:function(){return this.name.substring(0,50);}
|
||||
}
|
||||
};
|
||||
Highcharts.setOptions(Highcharts.theme);
|
||||
Highcharts.setOptions({
|
||||
global : {
|
||||
useUTC : false,
|
||||
//timezoneOffset: -480,
|
||||
},
|
||||
credits : {
|
||||
enabled : false
|
||||
},
|
||||
|
||||
});
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
'use strict';
|
||||
|
||||
app.controller('MultiBarChartController', function($scope,highchartsNG) {
|
||||
|
||||
$scope.$on('handleBroadcastLineOptionChanged', function(event, data) {
|
||||
if(angular.isDefined(data.load)){
|
||||
$scope.multiConfig.loading=true;
|
||||
}else{
|
||||
$scope.multiConfig.series=data.equipment;
|
||||
$scope.multiConfig.loading=false;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$scope.mouseEvent = function(chart) {
|
||||
angular.element('.chart').bind('mousedown.hc touchstart.hc', function(eStart) {
|
||||
eStart = chart.pointer.normalize(eStart);
|
||||
|
||||
var posX = eStart.pageX,
|
||||
posY = eStart.pageY,
|
||||
alpha = chart.options.chart.options3d.alpha,
|
||||
beta = chart.options.chart.options3d.beta,
|
||||
newAlpha,
|
||||
newBeta,
|
||||
sensitivity = 5; // lower is more sensitive
|
||||
|
||||
angular.element(document).bind({
|
||||
'mousemove.hc touchdrag.hc': function(e) {
|
||||
// Run beta
|
||||
newBeta = beta + (posX - e.pageX) / sensitivity;
|
||||
chart.options.chart.options3d.beta = newBeta;
|
||||
|
||||
// Run alpha
|
||||
newAlpha = alpha + (e.pageY - posY) / sensitivity;
|
||||
chart.options.chart.options3d.alpha = newAlpha;
|
||||
|
||||
chart.redraw(false);
|
||||
},
|
||||
'mouseup touchend': function() {
|
||||
angular.element(document).unbind('.hc');
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
$scope.multiConfig = {
|
||||
|
||||
options: {
|
||||
chart: {
|
||||
type: 'column',
|
||||
options3d: {
|
||||
enabled: true,
|
||||
alpha: 10,
|
||||
beta: 15,
|
||||
depth: 70
|
||||
}
|
||||
|
||||
},
|
||||
plotOptions: {
|
||||
column: {
|
||||
depth: 25
|
||||
}
|
||||
},
|
||||
|
||||
navigator: {
|
||||
xAxis: {
|
||||
type: 'datetime',
|
||||
labels: {
|
||||
formatter: function() {
|
||||
var dateStr = Highcharts.dateFormat('%m-%d', this.value);
|
||||
return dateStr;
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
xAxis: {
|
||||
startOnTick: false,
|
||||
type: 'datetime',
|
||||
labels: {
|
||||
formatter: function() {
|
||||
var dateStr = Highcharts.dateFormat('%m-%d', this.value);
|
||||
return dateStr;
|
||||
},
|
||||
},
|
||||
crosshair: null
|
||||
},
|
||||
|
||||
},
|
||||
loading:true,
|
||||
series: [],
|
||||
//noData:'No data to display',
|
||||
|
||||
func: function(chart) {
|
||||
$scope.mouseEvent(chart);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
'use strict';
|
||||
|
||||
app.controller('PieChartController', function($scope,highchartsNG) {
|
||||
|
||||
$scope.$on('handleBroadcastLineOptionChanged', function(event, data) {
|
||||
if(angular.isDefined(data.load)){
|
||||
$scope.pieConfig.loading=true;
|
||||
}else{
|
||||
$scope.pieConfig.series[0].data=data.equipment_percentage;
|
||||
$scope.pieConfig.loading=false;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$scope.pieConfig = {
|
||||
options: {
|
||||
chart: {
|
||||
type: 'pie',
|
||||
options3d: {
|
||||
enabled: true,
|
||||
alpha: 45
|
||||
}
|
||||
|
||||
},
|
||||
tooltip: {
|
||||
pointFormat: '</br> <b>{point.percentage:.1f}%</b>'
|
||||
},
|
||||
plotOptions: {
|
||||
pie: {
|
||||
innerSize: 100,
|
||||
depth: 45,
|
||||
//allowPointSelect: true,
|
||||
cursor: 'pointer',
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
|
||||
style: {
|
||||
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
series: [{
|
||||
name: 'Percentage',
|
||||
colorByPoint: true,
|
||||
data: []
|
||||
}],
|
||||
|
||||
//noData:'No data to display',
|
||||
loading:true,
|
||||
|
||||
title: {
|
||||
text: null
|
||||
},
|
||||
//useHighStocks: true
|
||||
|
||||
};
|
||||
|
||||
|
||||
});
|
||||
|
|
@ -1,125 +0,0 @@
|
|||
'use strict';
|
||||
|
||||
app.controller('SingleBarChartController', function($scope,highchartsNG) {
|
||||
|
||||
$scope.$on('handleBroadcastLineOptionChanged', function(event, data) {
|
||||
if(angular.isDefined(data.load)){
|
||||
$scope.singleConfig.loading=true;
|
||||
$scope.dynamic=[];
|
||||
}else{
|
||||
$scope.singleConfig.series=data.line;
|
||||
$scope.singleConfig.loading=false;
|
||||
if(angular.isDefined(data.category)){
|
||||
|
||||
angular.forEach(data.category,function(item,key){
|
||||
item.chart=$scope.getChartConfig(item);
|
||||
});
|
||||
$scope.dynamic=data.category;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
$scope.getChartConfig=function(item){
|
||||
var newchart=angular.copy($scope.singleConfig);
|
||||
newchart.series=item.metadata;
|
||||
return newchart;
|
||||
};
|
||||
|
||||
$scope.singleConfig = {
|
||||
options: {
|
||||
chart: {
|
||||
type: 'column',
|
||||
options3d: {
|
||||
enabled: true,
|
||||
alpha: 10,
|
||||
beta: 15,
|
||||
depth: 70
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
legend: {
|
||||
enabled: false
|
||||
},
|
||||
|
||||
plotOptions: {
|
||||
column: {
|
||||
depth: 25
|
||||
}
|
||||
},
|
||||
navigator: {
|
||||
xAxis: {
|
||||
type: 'datetime',
|
||||
labels: {
|
||||
formatter: function() {
|
||||
var dateStr = Highcharts.dateFormat('%m-%d', this.value);
|
||||
return dateStr;
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
xAxis: {
|
||||
startOnTick: false,
|
||||
type: 'datetime',
|
||||
labels: {
|
||||
formatter: function() {
|
||||
var dateStr = Highcharts.dateFormat('%m-%d', this.value);
|
||||
return dateStr;
|
||||
},
|
||||
},
|
||||
crosshair: null
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
loading:true,
|
||||
|
||||
series: [],
|
||||
//noData: 'No data to display',
|
||||
|
||||
func: function(chart) {
|
||||
$scope.mouseEvent(chart);
|
||||
}
|
||||
|
||||
|
||||
};
|
||||
|
||||
|
||||
|
||||
$scope.mouseEvent = function(chart) {
|
||||
angular.element('.chart').bind('mousedown.hc touchstart.hc', function(eStart) {
|
||||
eStart = chart.pointer.normalize(eStart);
|
||||
|
||||
var posX = eStart.pageX,
|
||||
posY = eStart.pageY,
|
||||
alpha = chart.options.chart.options3d.alpha,
|
||||
beta = chart.options.chart.options3d.beta,
|
||||
newAlpha,
|
||||
newBeta,
|
||||
sensitivity = 5; // lower is more sensitive
|
||||
|
||||
angular.element(document).bind({
|
||||
'mousemove.hc touchdrag.hc': function(e) {
|
||||
// Run beta
|
||||
newBeta = beta + (posX - e.pageX) / sensitivity;
|
||||
chart.options.chart.options3d.beta = newBeta;
|
||||
|
||||
// Run alpha
|
||||
newAlpha = alpha + (e.pageY - posY) / sensitivity;
|
||||
chart.options.chart.options3d.alpha = newAlpha;
|
||||
|
||||
chart.redraw(false);
|
||||
},
|
||||
'mouseup touchend': function() {
|
||||
angular.element(document).unbind('.hc');
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
|
@ -53,8 +53,6 @@ app.controller('MainController', [
|
|||
};
|
||||
|
||||
$rootScope.isAdminCookie=function(){
|
||||
// var admin_uuid="dfa793a3-1a1d-49be-ad46-99f4196079de";
|
||||
// var cur_cookie="dfa793a3-1a1d-49be-ad46-99f4196079de";
|
||||
var currentUser = undefined;
|
||||
if ($window.localStorage.getItem("currentUser")){
|
||||
currentUser = JSON.parse($window.localStorage.getItem("currentUser"));
|
||||
|
|
@ -64,11 +62,6 @@ app.controller('MainController', [
|
|||
}else{
|
||||
return false;
|
||||
}
|
||||
// if(cur_cookie==admin_uuid){
|
||||
// return true;
|
||||
// }else{
|
||||
// return false;
|
||||
// }
|
||||
}
|
||||
}
|
||||
]);
|
||||
|
|
|
|||
Loading…
Reference in New Issue