gdhb/WebRoot/pages/monitor/wtinfo.js


var chart1;
var chart2;
var options1;
var options2;

Highcharts.setOptions({
	global : {
		useUTC : false
	}
});
String.prototype.endWith=function(oString){  
	var reg=new RegExp(oString+"$");  
	return reg.test(this);
	}



options1 = {
		
			chart: {
			renderTo: 'container2',
	        type: 'gauge',
	        plotBackgroundColor: null,
	        plotBackgroundImage: null,
	        plotBorderWidth: 0,
	        plotShadow: false,
			 events: {
	            load: function () {
	                this.renderer.image('/resource/images/system/pictures/fxtb.png', 0, 0, 142, 142)
                        .attr({
                            zIndex: 2
                        }).add();
	            }
	        }
	    },
	    
	    title: {
	        text: ''
	    },
	    
	    pane: {
	        startAngle: 0,
	        endAngle: 360,
			size:100
	       
	    },
      plotOptions: {

	        gauge: {

	            color: {
	                style: {
	                    "visibility": "hidden"
	                }
	            },
	            dataLabels: {
	                style: {
	                    "visibility" : "hidden"
	                }
	            },
	            dial: {
					backgroundColor: {
	                    linearGradient: [10, 10, 0, 1],
	                    stops: [
                            [0, 'rgb(255, 255, 255)'],
                            [1, 'rgb(3, 53, 91)']
	                    ]
	                },

	                baseLength:'-10%',
                    borderColor: '#0f0',
					borderWidth:0,
                    baseWidth: 15,
                    topWidth: 0,
                    endAngle: 150,
                    radius: '80%',
                    rearLength: '80%',
					zIndex: 8
	          },
			     pivot:
				{
					backgroundColor: {
							linearGradient: [10, 0, 10, 1],
							stops: [
								[0, 'rgb(214, 200, 195)'],
								[1, 'rgb(200, 200, 255)']
							]
					},
					radius:0.1
						
					}
	        }
	    },

	    // the value axis
	    yAxis: {
	        min: 0,
	        max: 360,
	       labels:{
        enabled: false
    }
	    },
	
	    series: [{
	        name: '风向',
	        data: [0],
	        tooltip: {
	            valueSuffix: ''
	        }
	    }]
	
	   };


options2 = {
			chart: {
			renderTo: 'container3',
	        type: 'gauge',
	        plotBackgroundColor: null,
	        plotBackgroundImage: null,
	        plotBorderWidth: 0,
	        plotShadow: false,
			 events: {
	            load: function () {
	                this.renderer.image('/resource/images/system/pictures/fxtb.png', 0, 0, 142, 142)
                        .attr({
                            zIndex: 2
                        }).add();
	            }
	        }
	    },
	    
	    title: {
	        text: ''
	    },
	    
	    pane: {
	        startAngle: 0,
	        endAngle: 360,
			size:100
	       
	    },
      plotOptions: {

	        gauge: {

	            color: {
	                style: {
	                    "visibility": "hidden"
	                }
	            },
	            dataLabels: {
	                style: {
	                    "visibility" : "hidden"
	                }
	            },
	            dial: {
					backgroundColor: {
	                    linearGradient: [10, 10, 0, 1],
	                    stops: [
                            [0, 'rgb(255, 255, 255)'],
                            [1, 'rgb(255, 0, 0)']
	                    ]
	                },

	                baseLength:'-10%',
                    borderColor: '#0f0',
					borderWidth:0,
                    baseWidth: 15,
                    topWidth: 0,
                    endAngle: 150,
                    radius: '80%',
                    rearLength: '80%',
					zIndex: 8
	          },
			     pivot:
				{
					backgroundColor: {
							linearGradient: [10, 0, 10, 1],
							stops: [
								[0, 'rgb(214, 200, 195)'],
								[1, 'rgb(200, 200, 255)']
							]
					},
					radius:0.1
						
					}

	        }
	    },

	    // the value axis
	    yAxis: {
	        min: 0,
	        max: 360,
	       labels:{
        enabled: false
    }
	    },
	
	    series: [{
	        name: '对风角度',
	        data: [0],
	        tooltip: {
	            valueSuffix: ''
	        }
	    }]
	
	   };