//计划完成表的当前所选
var indexnum = 0;
var color=['#F35331','#2499F8','#3DF098','#33B734'];
var fontColor='#FFF';
//定义进度条组件和属性
var y_gauge1 =null;
var y_gauge2 =null;
var y_gauge3 =null;
var y_gauge4 =null;
var m_gauge1 =null;
var option_Progress =null;
//订单情况螺旋图
var orderStatus=null;
var orderStatus_option =null;
//定义仪表盘组件和属性
var gauge1 =null;
var gauge2 =null;
var gauge3 =null;
var gauge4 =null;
var gauge5 =null;
var option_gauge =null;
//产品饼图组件和属性
var productPie=null;
var productPie_option=null;
//业务进展图组件和属性
var businessProgress=null;
var businessProgress_placeHoledStyle = null;
var businessProgress_dataStyle =null;
var businessProgress_option=null;
//生产质量堆积图组件和属性
var quality_chart = null;
var quality_option=null;
//词云组件和属性
var wordCloud= null;
var wordCloud_option=null;
//生产计划折线图组件和属性
var plan_chart = null;
var plan_option=null;
//环形图的风格定义
var dataStyle = {
normal: {
label: {show:false},
labelLine: {show:false}
}
};
var placeHolderStyle = {
normal : {
color: 'rgba(0,0,0,0.1)',
label: {show:false},
labelLine: {show:false}
},
emphasis : {
color: 'rgba(0,0,0,0)'
}
};
//最大订单号
var lastOrderNumber=1;
$(document).ready(function ()
{
//环形进度条设置对象
option_Progress={
title : {
text: '目前进度',
subtext: '50%',
x: 'center',
y: 90,
itemGap: 10,
textStyle : {
color : '#B7E1FF',
fontWeight: 'normal',
fontFamily : '微软雅黑',
fontSize : 24
},
subtextStyle:{
color: '#B7E1FF',
fontWeight: 'bolder',
fontSize:24,
fontFamily : '微软雅黑'
}
},
series : [{
type : 'pie',
center : ['50%', '50%'],
radius : [75,90],
x: '0%',
tooltip:{show:false},
data : [{
name:'达成率',
value:79,
itemStyle:{color :'rgba(0,153,255,0.8)'},
hoverAnimation: false,
label : {
show : false,
position : 'center',
textStyle: {
fontFamily:'微软雅黑',
fontWeight: 'bolder',
color:'#B7E1FF',
fontSize:24
}
},
labelLine : {
show : false
}
},
{
name:'79%',
value:21,
itemStyle:{color: 'rgba(0,153,255,0.1)'},
hoverAnimation: false,
label : {
show : false,
position : 'center',
padding:20,
textStyle: {
fontFamily:'微软雅黑',
fontSize: 24,
color:'#B7E1FF'
}
},
labelLine : {
show : false
}
}]
},
{
type : 'pie',
center : ['50%', '50%'],
radius : [95,100],
x: '0%',
hoverAnimation: false,
data : [{
value:100,
itemStyle:{color :'rgba(0,153,255,0.3)'},
label : {show : false},
labelLine : {show : false}
}]
},
{
type : 'pie',
center : ['50%', '50%'],
radius : [69,70],
x: '0%',
hoverAnimation: false,
data : [{
value:100,
itemStyle:{color :'rgba(0,153,255,0.3)'},
label : {show : false},
labelLine : {show : false}
}]
}]
};
//年仪表盘
y_gauge1 = echarts.init(document.getElementById('y_gauge1'));
y_gauge2 = echarts.init(document.getElementById('y_gauge2'));
y_gauge3 = echarts.init(document.getElementById('y_gauge3'));
y_gauge4 = echarts.init(document.getElementById('y_gauge4'));
//订单完成情况螺旋图
var yearPlanData=[];
var yearOrderData=[];
var differenceData=[];
var visibityData=[];
var xAxisData=[];
for(var i=0;i<12;i++)
{
yearPlanData.push(Math.round(Math.random()*900)+100);
yearOrderData.push(Math.round(Math.random()*yearPlanData[i]));
differenceData.push(yearPlanData[i]-yearOrderData[i]);
visibityData.push(yearOrderData[i]);
xAxisData.push((i+1).toString()+"月");
}
orderStatus= echarts.init(document.getElementById('orderStatus'));
orderStatus_option={
title :{show:false},
tooltip : {
trigger: 'axis',
formatter: function (params){
return params[0].name + '
'
+ params[0].seriesName + ' : ' + params[0].value + '
'
+ params[1].seriesName + ' : ' + params[1].value + '
'
+'完成率:'
+ (params[0].value > 0 ? (params[1].value/params[0].value*100).toFixed(2)+'%' : '-')
+ '
'
},
textStyle: {
color: '#FFF',
fontSize:24
}
},
toolbox: {show:false},
legend:{
top: 'top',
textStyle: {
color: '#B7E2FF',
fontSize:24,
fontFamily:'微软雅黑'
},
data:['计划生产','已接订单']
},
xAxis: {
data: xAxisData,
axisLabel: {
textStyle: {
color: '#B7E1FF',
fontSize:24
}
},
axisLine:{
lineStyle:{
color:'#09F'
}
},
axisTick:{
lineStyle:{
color:'#09F'
}
}
},
yAxis: {
inverse: false,
splitArea: {show: false},
axisLine: {show: false},
axisTick: {show: false},
axisLabel: {
textStyle: {
color: '#B7E1FF',
fontSize:24,
fontFamily:'Arial',
}
},
splitLine :{
lineStyle:{
color:'#09F'
}
}
},
grid: {
left: 100
},
series : [{
name:'计划生产',
type:'line',
smooth :true,
symbol: 'circle',
symbolSize: 10,
showAllSymbol : true,
color:color[1],
data:yearPlanData
},
{
name:'已接订单',
type:'line',
smooth :true,
symbol: 'circle',
symbolSize: 10,
showAllSymbol : true,
color:'#F90',
itemStyle:{
normal:{
lineStyle: {
width:2
}
}
},
data:yearOrderData
},
{
name:'不可见',
type:'bar',
stack: '1',
barWidth: 1,
itemStyle:{
normal:{
color:'rgba(0,0,0,0)'
},
emphasis:{
color:'rgba(0,0,0,0)'
}
},
data:visibityData
},
{
name:'变化',
type:'bar',
stack: '1',
barWidth: 1,
color:'#B7E1FF',
data:differenceData
}
]
}
orderStatus.setOption(orderStatus_option);
//产品销售的环形图
var productLegend=[['轿车1','轿车2','轿车3','轿车4','轿车5','轿车6','轿车7','轿车8','轿车9'],['SUV1','SUV2','SUV3','SUV4'],['卡车1','卡车2','卡车3','卡车4','卡车5','卡车6']];
var productClassLegend=['轿车','SUV','卡车'];
var productClassColor=['rgba(255,153,0,','rgba(153,204,102,','rgba(0,102,255,'];
var productClassData=[];
var productData=[];
var productColor=[];
for(var i=0;i{b} : {c} ({d}%)"
},
series : [
{
name:'类别',
type:'pie',
selectedMode: 'single',
radius : ['20%','40%'],
width: '40%',
funnelAlign: 'right',
itemStyle : {
normal : {
color:function(d)
{
return productClassColor[d.dataIndex]+'1)';
},
borderColor:'#032749',
label : {
position : 'inner',
fontSize:28,
},
labelLine : {
show : false
}
}
},
data:productClassData
},
{
name:'车型',
type:'pie',
radius : ['40%','70%'],
width: '35%',
funnelAlign: 'left',
itemStyle : {
normal : {
color:function(d)
{
return productColor[d.dataIndex];
},
borderColor:'#032749',
label : {
color:'#B7E1FF',
fontSize:24
}
}
},
data:productData
}
]
};
productPie.setOption(productPie_option);
//业务进展图
businessProgress=echarts.init(document.getElementById('businessProgress'));
businessProgress_placeHoledStyle = {
normal:{
barBorderColor:'rgba(0,0,0,0)',
color:'rgba(0,0,0,0)'
},
emphasis:{
barBorderColor:'rgba(0,0,0,0)',
color:'rgba(0,0,0,0)'
}
};
businessProgress_dataStyle = {
normal: {
barBorderColor:'rgba(0,102,255,1)',
color:function(d){
return 'rgba(0,102,255,0.3)';
},
label : {
show: true,
position: 'insideLeft',
formatter: '{c}%',
textStyle: {
fontFamily:'Arial',
fontWeight: 'bolder',
color:'#B7E1FF',
fontSize:24
}
}
}
};
businessProgress_option = {
title: {show:false},
tooltip : {
trigger: 'axis',
axisPointer : {
type : 'shadow'
},
textStyle: {
color:'#FFF',
fontSize:24
},
formatter : '{b}
{a0}:{c0}%
{a2}:{c2}%
{a4}:{c4}%
{a6}:{c6}%'
},
legend: {
itemGap : 60,
top:'top',
textStyle: {
fontFamily:'微软雅黑',
fontWeight: 'bolder',
color:'#B7E1FF',
fontSize:24
},
data:['项目投标', '投标进度','项目进行', '项目交付']
},
toolbox: {show : false},
grid: {
left: 150
},
xAxis : [
{
type : 'value',
position: 'top',
axisLine:{
lineStyle:{color:'#09F'}
},
splitLine :{
lineStyle:{color:'#09F' }
},
axisLabel: {show: false},
}
],
yAxis : [
{
type : 'category',
data : ['重大业务1', '重大业务2', '重大业务3', '重大业务4'],
axisLabel: {
textStyle: {
color: '#B7E1FF',
fontSize:24
}
},
axisLine:{
lineStyle:{
color:'#09F'
}
},
splitLine :{
lineStyle:{color:'#09F' }
}
}
],
series : [
{
name:'项目投标',
type:'bar',
stack: '进度',
itemStyle : businessProgress_dataStyle,
data:[100, 100, 100, 70]
},
{
name:'项目投标',
type:'bar',
stack: '进度',
itemStyle: businessProgress_placeHoledStyle,
data:[0, 0, 0, 30]
},
{
name:'投标进度',
type:'bar',
stack: '进度',
itemStyle : businessProgress_dataStyle,
data:[100, 100, 42, 0]
},
{
name:'投标进度',
type:'bar',
stack: '进度',
itemStyle: businessProgress_placeHoledStyle,
data:[0, 0, 58, 100]
},
{
name:'项目进行',
type:'bar',
stack: '进度',
itemStyle : businessProgress_dataStyle,
data:[100, 100, 0, 0]
},
{
name:'项目进行',
type:'bar',
stack: '进度',
itemStyle: businessProgress_placeHoledStyle,
data:[0, 0, 100, 100]
},
{
name:'项目交付',
type:'bar',
stack: '进度',
itemStyle : businessProgress_dataStyle,
data:[71, 50, 0, 0]
},
{
name:'项目交付',
type:'bar',
stack: '进度',
itemStyle: businessProgress_placeHoledStyle,
data:[29, 50, 100, 100]
}
]
};
businessProgress.setOption(businessProgress_option);
//监控仪表盘
/*option_gauge = {
title: {
text: '', //标题文本内容
},
toolbox: { //可视化的工具箱
show: false,
},
tooltip: { //弹窗组件
formatter: "{a}
{b} : {c}%"
},
series: [{
type: 'gauge',
axisLine: {// 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color:[[0.2, color[0]],[0.8, color[1]],[1, color[0]]],
width: 18
}
},
splitLine: { // 分隔线
show:true,
length: 18,
lineStyle: {
color: '#28292D',
width: 1
}
},
axisTick : { //刻度线样式(及短线样式)
show:false,
lineStyle: {
color: 'auto',
width: 1
},
length : 20
},
axisLabel : {
color:'#FFF',
fontSize:14,
fontFamily:'Verdana, Geneva, sans-serif'
},
title: {
textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
fontWeight: 'bolder',
fontSize: 20,
color: '#FFF'
},
offsetCenter: [0, '30%']
},
pointer: {
width: 5,
color: '#F00',
shadowColor: '#FF0',
shadowBlur: 10
},
detail: {
show:false,
formatter:'{value}%',
textStyle:
{
fontFamily:'Arial',
color: '#000',
fontSize:'32px'
},
offsetCenter: [0, '90%']
},
data: [{value: 45, name: '水'}]
}]
};
gauge1 = echarts.init(document.getElementById('gauge1'));
gauge2 = echarts.init(document.getElementById('gauge2'));
gauge3 = echarts.init(document.getElementById('gauge3'));
gauge4 = echarts.init(document.getElementById('gauge4'));
gauge5 = echarts.init(document.getElementById('gauge5'));
option_gauge.series[0].axisLine.lineStyle.color=[[0.2, color[0]],[0.8, color[1]],[1, color[2]]];
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="水";
$('#vg1').html(option_gauge.series[0].data[0].value);
gauge1.setOption(option_gauge);
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="电";
$('#vg2').html(option_gauge.series[0].data[0].value);
gauge2.setOption(option_gauge);
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="天然气";
$('#vg3').html(option_gauge.series[0].data[0].value);
gauge3.setOption(option_gauge);
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="压缩空气";
$('#vg4').html(option_gauge.series[0].data[0].value);
gauge4.setOption(option_gauge);
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="蒸汽";
$('#vg5').html(option_gauge.series[0].data[0].value);
gauge5.setOption(option_gauge);*/
//生产质量堆积图
quality_chart = echarts.init(document.getElementById('quality'));
quality_option={
title: {
show:false,
text: 'AUDIT',
left: 'center',
textStyle: {
color: '#F00',
fontSize:32
}
},
xAxis: {
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
axisLabel: {
textStyle: {
color: '#B7E1FF',
fontSize:24
}
},
axisLine:{
lineStyle:{
color:'#09F'
}
},
axisTick:{
lineStyle:{
color:'#09F'
}
}
},
yAxis: {
inverse: false,
splitArea: {show: false},
axisLine: {show: false},
axisTick: {show: false},
axisLabel: {
textStyle: {
color: '#B7E1FF',
fontSize:24,
fontFamily:'Arial',
}
},
splitLine :{
lineStyle:{
color:'#09F'
}
}
},
grid: {
left: 100
},
tooltip: {
trigger: 'item',
textStyle: {
color: '#B7E1FF',
fontSize:24
}
},
legend:{
show:false,
top: 'bottom',
textStyle: {
color: '#F00',
fontSize:24,
fontFamily:'微软雅黑'
},
data:['AUDIT分数1','AUDIT分数']
},
series: [
{
name: 'AUDIT分数1',
type: 'bar',
stack: 'one',
itemStyle:
{
normal: {color: color[1]}
},
barWidth : 60,
data:[2200,2900,3680,2200,2900,3680,2200,2900,3680,2200,2900,3680]
},
{
name: 'AUDIT分数',
type: 'bar',
stack: 'one',
itemStyle: {
normal: {
color: '#F90',
label: {
show: true,
position: 'insideTop',
textStyle: {
color: '#000',
fontSize:24
}
}
}
},
barWidth : 50,
data: [1800,1100,320,1800,1100,320,1800,1100,320,1800,1100,320]
}
]
};
quality_chart.setOption(quality_option);
//生产计划折线图
var plan_data1=[];
var plan_data2=[];
var plan_xAxis=[];
for (var i = 1; i <= 12; i++) {
plan_xAxis.push(i+"月");
plan_data1.push(Math.round(Math.random() * 100));
plan_data2.push(Math.round(Math.random() * 100));
}
plan_chart = echarts.init(document.getElementById('plan'));
plan_option={
xAxis: {
data:plan_xAxis,
axisLabel: {
textStyle: {
color: '#B7E1FF',
fontSize:24
}
},
axisLine:{
lineStyle:{
color:'#09F'
}
},
axisTick:{
lineStyle:{
color:'#09F'
}
}
},
yAxis: {
inverse: false,
splitArea: {show: false},
axisLine: {show: false},
axisTick: {show: false},
axisLabel: {
textStyle: {
color: '#B7E1FF',
fontSize:24,
fontFamily:'Arial',
}
},
splitLine :{
lineStyle:{
color:'#09F'
}
}
},
tooltip: {
trigger: 'axis',
textStyle: {
color: '#FFF',
fontSize:24
}
},
grid: {
left: 100
},
legend:{
show:false,
top: 'bottom',
textStyle: {
color: '#F00',
fontSize:24
},
data:['计划完成数','实际完成数']
},
series: [
{
name: '计划完成数',
type: 'bar',
itemStyle:
{
normal: {color: color[1]},
emphasis: {color: color[2]}
},
barWidth : 40,
data:plan_data1
},
{
name: '实际完成数',
type: 'line',
itemStyle: {
normal: {
color: '#F90',
label: {
show: true,
position: 'top',
textStyle: {
color: '#CCC',
fontSize:24
}
},
lineStyle:{
color:'#F90',
width:4
}
},
emphasis: {
color: '#FF0'
}
},
symbolSize: 24,
data: plan_data2
}
]
};
plan_chart.setOption(plan_option);
//轮番显示tips
/*function clock(){
showToolTip_highlight(plan_chart);
}
setInterval(clock, 5000);*/
//词云
var cloudData=[];
for(var i=0;i<30;i++)
{
cloudData.push({name:'文字云字符'+i.toString(),value:Math.random()*1000});
}
wordCloud=echarts.init(document.getElementById('wordCloud'));
wordCloud_option={
left: 'center',
top: 'center',
tooltip: {
textStyle: {
color: '#FFF',
fontSize:24
}},
series : [{
type : 'wordCloud',
shape:'smooth',
drawOutOfBound: true,
gridSize : 10,
sizeRange : [ 10, 48 ],
rotationRange: [0, 0],
textStyle : {
normal : {
color :function (d) {
// Random color
return 'rgba(0,153,255,'+(d.value/1000)+ ')';
}
},
emphasis : {
shadowBlur : 10,
shadowColor : '#333'
}
},
data : cloudData
}]
};
wordCloud.setOption(wordCloud_option);
//地图开始
var map_chart = echarts.init(document.getElementById('map'));
/*map_option = {
title : {show:false},
tooltip: {
show:function(d)
{
return (d.value!=null && d.value>=0);
},
trigger: 'item',
formatter:function(d){
return (d.value>=0)?d.name+'战略力度:'+(d.value).toFixed(2):'';
},
textStyle: {
color: '#FFF',
fontSize:24
}
},
legend: {
show:false
},
dataRange: {
show:false,
min: 0,
max: 100,
text:['High','Low'],
realtime: false,
calculable : false,
color: ['rgba(0,51,204,0.8)','rgba(0,102,255,0.8)','rgba(0,153,255,0.8)'],
splitList: [
{start: 0,end: 30},
{start: 31, end: 70},
{start: 71, end: 100},
]
},
series: [{
name: '布局',
type: 'map',
mapType: 'china',
roam: false,
showLegendSymbol : false,
label: {
show: true,
textStyle: {
color: '#FFF',
fontSize:18
}
},
itemStyle :{
areaColor :'rgba(0,0,0,0.2)',
borderColor : '#09F'
},
emphasis:{
areaColor :'rgba(255,0,0,0.8)',
borderColor : 'rgba(255,0,0,0.8)'
},
data:[
{name: '北京', value:Math.random()*100},
{name: '天津', value:Math.random()*100},
{name: '上海', value:Math.random()*100},
{name: '重庆', value:Math.random()*100},
{name: '河北', value:Math.random()*100},
{name: '河南', value:Math.random()*100},
{name: '辽宁', value:Math.random()*100},
{name: '黑龙江', value:Math.random()*100},
{name: '湖南', value:Math.random()*100},
{name: '安徽', value:Math.random()*100},
{name: '山东', value:Math.random()*100},
{name: '江苏', value:Math.random()*100},
{name: '浙江', value:Math.random()*100},
{name: '江西', value:Math.random()*100},
{name: '湖北', value:Math.random()*100},
{name: '广西', value:Math.random()*100},
{name: '甘肃', value:Math.random()*100},
{name: '山西', value:Math.random()*100},
{name: '内蒙古', value:Math.random()*100},
{name: '陕西', value:Math.random()*100},
{name: '吉林', value:Math.random()*100},
{name: '福建', value:Math.random()*100},
{name: '贵州', value:Math.random()*100},
{name: '广东', value:Math.random()*100},
{name: '青海', value:Math.random()*100},
{name: '四川', value:Math.random()*100},
{name: '宁夏', value:Math.random()*100},
{name: '海南', value:Math.random()*100}
]
}]
};*/
var mapData=[];
for(key in geoCoordMap)
{
var geoCoord = geoCoordMap[key];
mapData.push({name:key,value:geoCoord.concat((Math.random()*1000).toFixed(2))});
}
map_option = {
title : {show:false},
tooltip : {
trigger: 'item',
formatter: function(params) {
if (typeof(params.value)[2] == "undefined") {
return params.name + ' : ' + params.value;
} else {
return params.name + ' : ' + params.value[2];
}
},
textStyle: {
color: '#FFF',
fontSize:24
}
},
legend: {
show:false
},
geo: {
map: 'china',
label: {
normal: {show: false},
emphasis: {show: false}
},
roam: false,
itemStyle: {
normal: {
areaColor: 'rgba(0,153,255,0.6)',
borderColor: '#09F'
},
emphasis: {
areaColor: 'rgba(0,153,255,0.6)',
borderColor: '#09F'
}
}
},
series: [{
name: '战略布局点',
type: 'scatter',
coordinateSystem: 'geo',
zlevel: 1,
rippleEffect: {
brushType: 'stroke'
},
symbolSize: function (val) {
return val[2] / 30;
},
label: {
normal: {show: false},
emphasis: {show: false}
},
itemStyle: {
normal: {color: 'rgba(255,255,0,0.8)'},
emphasis: {color: 'rgba(246,33,87,1)'}
},
data: mapData
},
{
name: '战略布局TOP5',
type: 'effectScatter',
coordinateSystem: 'geo',
zlevel: 2,
hoverAnimation: true,
showEffectOn: 'render',
rippleEffect: {
brushType: 'stroke'
},
label: {
normal: {
show: true,
fontFamily:'微软雅黑',
fontSize: 24,
color:'#FFF',
formatter: '{b}',
position: 'right',
shadowBlur: 5,
shadowColor: '#000'
},
emphasis: {
show: true
}
},
symbolSize: function (val) {
return val[2] / 30;
},
itemStyle: {
normal: {
color: 'rgba(255,255,255,1)'
}
},
data: mapData.sort(function(a, b) {
return b.value[2] - a.value[2];
}).slice(0, 5)
},
{
name: '点',
type: 'scatter',
coordinateSystem: 'geo',
symbol: 'pin',
symbolSize: function(val) {
return val[2]/10;
},
label: {
normal: {
show: true,
fontFamily:'Arial, Helvetica, sans-serif',
formatter:'{@[2]}',
textStyle: {
color: '#FFF',
fontSize: 18,
}
}
},
itemStyle: {
normal: {
color: 'rgba(246,33,87,1)', //标志颜色
}
},
zlevel: 3,
data: mapData.sort(function(a, b) {
return b.value[2] - a.value[2];
}).slice(0, 5)
}]
};
map_chart.setOption(map_option, true);
resresh();
//开始定时刷新
setInterval(resresh, 5*1000);
});
var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var dataItem = data[i];
var fromCoord = geoCoordMap[dataItem[0].name];
var toCoord = geoCoordMap[dataItem[1].name];
if (fromCoord && toCoord) {
res.push({
fromName: dataItem[0].name,
toName: dataItem[1].name,
coords: [fromCoord, toCoord]
});
}
}
return res;
};
function showToolTip_highlight(mychart)
{
var echartObj = mychart;
// 高亮当前图形
var highlight =setInterval(function()
{
echartObj.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex: indexnum
});
echartObj.dispatchAction({
type: 'showTip',
seriesIndex: 0,
dataIndex: indexnum
});
clearInterval(highlight);
indexnum = indexnum + 1;
if(indexnum>=7) indexnum=0;
},1000);
}
//定时刷新数据
function resresh()
{
var myDate = new Date();
// $('#refresh').html("数据刷新中...");
$('#currentDate').html(myDate.getFullYear()+"/"+insertZero(myDate.getMonth()+1)+"/"+insertZero(myDate.getDate()));
var maxg=Math.round(Math.random()*500)+400;
var n1=Math.round(Math.random()*(maxg-100))+100;
var n2=Math.round(Math.random()*(n1-50))+50;
var n3=(n2/maxg*100).toFixed(2);
//年进度条
option_Progress.title.text ="计划生产";
option_Progress.series[0].data[0].value = maxg;
option_Progress.title.subtext =maxg+"台";
option_Progress.series[0].data[1].value =0;
y_gauge1.setOption(option_Progress);
option_Progress.title.text ="已接订单";
option_Progress.series[0].data[0].value = n1;
option_Progress.title.subtext =n1+"台";
option_Progress.series[0].data[1].value =(maxg-n1);
y_gauge2.setOption(option_Progress);
option_Progress.title.text ="已经完成";
option_Progress.series[0].data[0].value = n2;
option_Progress.title.subtext =n2+"台";
option_Progress.series[0].data[1].value =(maxg-n2);
y_gauge3.setOption(option_Progress);
option_Progress.title.text ="计划完成率";
option_Progress.series[0].data[0].value = n3;
option_Progress.title.subtext =n3+"%";
option_Progress.series[0].data[1].value =(100-n3);
y_gauge4.setOption(option_Progress);
//仪表盘刷新
/*option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="水";
$('#vg1').html(option_gauge.series[0].data[0].value);
gauge1.setOption(option_gauge);
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="电";
$('#vg2').html(option_gauge.series[0].data[0].value);
gauge2.setOption(option_gauge);
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="天然气";
$('#vg3').html(option_gauge.series[0].data[0].value);
gauge3.setOption(option_gauge);
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="压缩空气";
$('#vg4').html(option_gauge.series[0].data[0].value);
gauge4.setOption(option_gauge);
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
option_gauge.series[0].data[0].name ="蒸汽";
$('#vg5').html(option_gauge.series[0].data[0].value);
gauge5.setOption(option_gauge); */
//显示最后更新时间
$('#refresh').html("最后刷新时间:"+myDate.toLocaleDateString()+" "+myDate.toLocaleTimeString()+"");
}
//生成订单号
function getOrderNumber(n)
{
var no="000000"+n.toString();
return no.substring(no.length-6);
}
//前面补0
function insertZero(n)
{
var no="000000"+n.toString();
return no.substring(no.length-2);
}
//打开模态窗口
function openDialog(DlgName)
{
$('#'+DlgName).dialog('open');
}