var colors = ['#5793f3', '#d14a61', '#675bba'];
option = {
color: colors,
tooltip: {
trigger: 'item',
axisPointer: {
type: 'cross'
}
},
legend: {
data:['实际值', '预测上限','预测下限'],
icon: 'roundRect',
textStyle: {
color: '#fff'
}
},
grid: {
top: 30,
bottom: 60
},
xAxis: [
{
type: 'category',
axisTick: {
alignWithLabel: true
},
axisLabel: {
color:'#fff',
interval: 0,
fontSize :12,
rotate:45,
},
axisLine: {
onZero: false,
lineStyle: {
color: colors[1]
}
},
axisPointer: {
label: {
show: false,
formatter: function (params) {
return params.value
+ (params.seriesData.length ? '：' + params.seriesData[0].data : '');
}
}
},
data: ["2017.11.15", "2017.11.16", "2017.11.17", "2017.11.18", "2017.11.19", "2017.11.20", "2017.11.21", "2017.11.22", "2017.11.23", "2017.11.24", "2017.11.25", "2017.11.26"]
}
],
yAxis: [
{
type: 'value',
max : 7,
axisLabel: {
color:'#fff',
interval: 0,
fontSize :12,
formatter: '{value}'
},
min: 1,
splitLine: {
show: false
},
data: [1, 2, 3, 4, 5, 6, 7,8]
}
],
series: [
{
name:'实际值',
type:'line',
smooth: true,
markArea: {
silent: true,
label: {
normal: {
position: ['10%', '50%']
}
},
data: [
[{
yAxis: 1,
itemStyle: {
normal: {
color: 'rgba(68,2,30,0.2)'
}
},
}, {
yAxis: 3
}],
[{
yAxis: 3,
itemStyle: {
normal: {
color: 'rgba(87,81,29,0.2)'
}
},
}, {
yAxis: 5
}],
[{
yAxis: 5,
itemStyle: {
normal: {
color: 'rgba(2,78,40,0.2)'
}
}
}, {
yAxis: 7,
}]
]
},
data: [5.53]
},{
type: 'line',
name: '预测上限',
symbol: 'circle',
symbolSize: 10,
smooth: true,
itemStyle: {
normal: {
show: false,
color: '#00eef8',
opacity: 0
},
emphasis: {
color: '#00eef8',
}
},
lineStyle: {
normal: {
color: '#00eef8',
}
},
data: [5.57, 5.73, 5.61, 5.63, 5.69, 5.64, 5.9,5.71,5.69,5.69,5.76,5.9],
},
{
type: 'line',
name: '预测下限',
symbol: 'circle',
symbolSize: 10,
smooth: true,
itemStyle: {
normal: {
color: '#ffbe0d',
opacity: 0
},
emphasis: {
color: '#ffbe0d',
}
},
lineStyle: {
normal: {
color: '#ffbe0d',
}
},
data: [5.24, 5.44, 5.25, 5.08, 5.44, 5.46, 5.6,5.28,5.35,5.34,5.32,5.37],
}
]
};
optionbtm = {
color: colors,
tooltip: {
trigger: 'item',
axisPointer: {
type: 'cross'
}
},
legend: {
data:['实际值', '预测上限','预测下限'],
icon: 'roundRect',
textStyle: {
color: '#fff'
}
},
grid: {
top: 30,
bottom: 60
},
xAxis: [
{
type: 'category',
axisTick: {
alignWithLabel: true
},
axisLabel: {
color:'#fff',
interval: 0,
fontSize :12,
rotate:45,
},
axisLine: {
onZero: false,
lineStyle: {
color: colors[1]
}
},
axisPointer: {
label: {
show: false,
formatter: function (params) {
return params.value
+ (params.seriesData.length ? '：' + params.seriesData[0].data : '');
}
}
},
data: ["2017.11.15", "2017.11.16", "2017.11.17", "2017.11.18", "2017.11.19", "2017.11.20", "2017.11.21", "2017.11.22", "2017.11.23", "2017.11.24", "2017.11.25", "2017.11.26"]
}
],
yAxis: [
{
type: 'value',
max : 7,
axisLabel: {
color:'#fff',
interval: 0,
fontSize :12,
formatter: '{value}'
},
min: 1,
splitLine: {
show: false
},
data: [1, 2, 3, 4, 5, 6, 7,8]
}
],
series: [
{
name:'实际值',
type:'line',
smooth: true,
markArea: {
silent: true,
label: {
normal: {
position: ['10%', '50%']
}
},
data: [
[{
yAxis: 1,
itemStyle: {
normal: {
color: 'rgba(68,2,30,0.2)'
}
},
}, {
yAxis: 3
}],
[{
yAxis: 3,
itemStyle: {
normal: {
color: 'rgba(87,81,29,0.2)'
}
},
}, {
yAxis: 5
}],
[{
yAxis: 5,
itemStyle: {
normal: {
color: 'rgba(2,78,40,0.2)'
}
}
}, {
yAxis: 7,
}]
]
},
data: [3.78]
},{
type: 'line',
name: '预测上限',
symbol: 'circle',
symbolSize: 10,
smooth: true,
itemStyle: {
normal: {
show: false,
color: '#00eef8',
opacity: 0
},
emphasis: {
color: '#00eef8',
}
},
lineStyle: {
normal: {
color: '#00eef8',
}
},
data: [4.02, 3.98, 3.87, 3.68, 3.76,4.02, 3.82,3.8,3.84,3.62,3.84,4.08],
},
{
type: 'line',
name: '预测下限',
symbol: 'circle',
symbolSize: 10,
smooth: true,
itemStyle: {
normal: {
color: '#ffbe0d',
opacity: 0
},
emphasis: {
color: '#ffbe0d',
}
},
lineStyle: {
normal: {
color: '#ffbe0d',
}
},
data: [3.67, 3.78, 3.43, 3.4, 3.39, 3.59, 3.43,3.31,3.53,3.33,3.53,3.52],
}
]
};
optioncenter = {
color: colors,
tooltip: {
trigger: 'item',
axisPointer: {
type: 'cross'
}
},
legend: {
data:['实际值', '预测上限','预测下限'],
icon: 'roundRect',
textStyle: {
color: '#fff'
}
},
grid: {
top: 30,
bottom: 60
},
xAxis: [
{
type: 'category',
axisTick: {
alignWithLabel: true
},
axisLabel: {
color:'#fff',
interval: 0,
fontSize :12,
rotate:45,
},
axisLine: {
onZero: false,
lineStyle: {
color: colors[1]
}
},
axisPointer: {
label: {
show: false,
formatter: function (params) {
return params.value
+ (params.seriesData.length ? '：' + params.seriesData[0].data : '');
}
}
},
data: ["2017.11.15", "2017.11.16", "2017.11.17", "2017.11.18", "2017.11.19", "2017.11.20", "2017.11.21", "2017.11.22", "2017.11.23", "2017.11.24", "2017.11.25", "2017.11.26"]
}
],
yAxis: [
{
type: 'value',
max : 7,
axisLabel: {
color:'#fff',
interval: 0,
fontSize :12,
formatter: '{value}'
},
min: 1,
splitLine: {
show: false
},
data: [1, 2, 3, 4, 5, 6, 7,8]
}
],
series: [
{
name:'实际值',
type:'line',
smooth: true,
markArea: {
silent: true,
label: {
normal: {
position: ['10%', '50%']
}
},
data: [
[{
yAxis: 1,
itemStyle: {
normal: {
color: 'rgba(68,2,30,0.2)'
}
},
}, {
yAxis: 3
}],
[{
yAxis: 3,
itemStyle: {
normal: {
color: 'rgba(87,81,29,0.2)'
}
},
}, {
yAxis: 5
}],
[{
yAxis: 5,
itemStyle: {
normal: {
color: 'rgba(2,78,40,0.2)'
}
}
}, {
yAxis: 7,
}]
]
},
data: [5.69]
},{
type: 'line',
name: '预测上限',
symbol: 'circle',
symbolSize: 10,
smooth: true,
itemStyle: {
normal: {
show: false,
color: '#00eef8',
opacity: 0
},
emphasis: {
color: '#00eef8',
}
},
lineStyle: {
normal: {
color: '#00eef8',
}
},
data: [5.83, 5.75, 5.85, 5.55, 5.56,5.53, 5.61,5.68,5.74,5.56,5.57,5.78],
},
{
type: 'line',
name: '预测下限',
symbol: 'circle',
symbolSize: 10,
smooth: true,
itemStyle: {
normal: {
color: '#ffbe0d',
opacity: 0
},
emphasis: {
color: '#ffbe0d',
}
},
lineStyle: {
normal: {
color: '#ffbe0d',
}
},
data: [5.48, 5.52, 5.39, 5.2, 5.28, 5.04, 5.29,5.33,5.42,5.31,5.28,5.42],
}
]
};
// 折线
var colors = ['#0997c1', '#c22167', '#082773', '#604fb9', '#0067c3', '#68cdfb','#5793f3', '#d14a61', '#675bba'];
//[];
option1 = {
color: colors,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
grid: {
right: '20%'
},
/* toolbox: {
feature: {
dataView: {show: true, readOnly: false},
restore: {show: true},
saveAsImage: {show: true}
}
},*/
legend: {
data:['家纺成品','坯布','印染布','面纱','原棉','其他','原材料坯布','原材料棉纱','原材料棉花','原材料亚麻'],
textStyle: {
color:"#fff"
},
/* icon: 'roundRect',*/
orient: 'left',
x: 'right',
textStyle: {
fontSize: '14',
color: '#fff'
},
},
xAxis: [
{
type: 'category',
axisTick: {
alignWithLabel: true
},
data: ['2017/11/1','2017/11/8','2017/11/15','2017/11/22','2017/11/29'],
axisLabel: {
formatter: '{value}',
color:"#fff"
}
}
],
yAxis: [
{
type: 'value',
name: '金额(元)',
min: 0,
max: 110000000,
position: 'left',
axisLine: {
lineStyle: {
color: colors[0]
}
},
axisLabel: {
formatter: '{value}',
color:"#fff"
},
splitLine: {
show: true,
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
color: 'rgba(255, 255, 255, 0)',
}
},
},
{
type: 'value',
name: '降水量',
show:false
/* min: 0,
max: 250,
position: 'right',
offset: 80,
axisLine: {
lineStyle: {
color: colors[1]
}
},
axisLabel: {
formatter: '{value} ml',
color:"#fff"
},*/
},
{
type: 'value',
name: '温度',
show:false
/* min: 0,
max: 25,
position: 'left',
axisLine: {
lineStyle: {
color: colors[2]
}
},
axisLabel: {
formatter: '{value} °C',
color:"#fff"
}*/
}
],
series: [
{
name:'家纺成品',
type:'bar',
data:[80883063, 87892687, 82954627, 75825942, 80094867]
},
{
name:'坯布',
type:'bar',
yAxisIndex: 1,
data:[88254186, 79616338, 63914752, 84783826, 98170970]
},
{
name:'印染布',
type:'bar',
yAxisIndex: 1,
data:[69631541, 93435263, 80879546, 72900346, 95863826]
},{
name:'面纱',
type:'bar',
yAxisIndex: 1,
data:[92783922, 75013325, 72443447, 68968409, 99197853]
},
{
name:'其他',
type:'bar',
yAxisIndex: 1,
data:[65304531, 64549296, 81638306, 70066027, 63719823]
},
{
name:'原棉',
type:'bar',
yAxisIndex: 2,
data:[74006136, 64657032, 95932747, 67671029, 75813436]
},
{
name:'原材料坯布',
type:'line',
yAxisIndex: 2,
data:[78797681, 78989914, 73629442, 69270637, 67861664]
},
{
name:'原材料棉纱',
type:'line',
yAxisIndex: 2,
data:[61139633, 70880196, 67959026, 63032507, 63561829]
},
{
name:'原材料棉花',
type:'line',
yAxisIndex: 2,
data:[71008955, 75256706, 63382129, 64836506, 76612864]
},
{
name:'原材料亚麻',
type:'line',
yAxisIndex: 2,
data:[61199931, 64724184, 62696472, 79510928, 79315724]
}
]
};
/*option1 = {
legend: {
show: true,
data:['原棉','家纺成品'],
icon: 'roundRect',
orient: 'left',
x: 'right',
textStyle: {
fontSize: '14',
color: '#fff'
},
},
grid: {
left: '6%',
right: '17%',
top: '18%',
bottom: '6%',
containLabel: true
},
textStyle: {
fontSize: '14',
fontWeight: 'normal',
color: '#ffffff'
},
xAxis: {
show: true,
type: 'category',
boundaryGap: false,
data: ['2017-11-1','2017-11-8','2017-11-15','2017-11-22','2017-11-29','11-7','11-8'],
},
yAxis: {
show: true,
type: 'value',
symbol: 'circle',
symbolSize: 10,
smooth: true,
splitLine: {
show: true,
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
color: 'rgba(255, 255, 255, 0.06)',
}
},
axisLabel: {
formatter: function(params) {
if (params === 0) {
return ''
} else {
return params
}
}
}
},
series: [{
name: '原棉',
type: 'line',
symbol: 'circle',
smooth: true,
itemStyle: {
normal: {
lineStyle: {
color: 'rgba(197, 38, 78, 0.9)'
}
}
},
areaStyle: {
normal: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0,
color: 'rgba(197, 38, 78, 0.4)',
}, {
offset: 1,
color: 'rgba(255, 225, 0, 0.1)',
}],
globalCoord: false
},
}
},
data: [150,113,60,120,30,280,200]
},{
type: 'line',
name: '家纺成品',
symbol: 'circle',
symbolSize: 10,
smooth: true,
itemStyle: {
normal: {
color: 'rgb(5, 194, 92)',
}
},
lineStyle: {
normal: {
color: 'rgb(5, 194, 92)',
}
},
data: [30, 25, 74, 143, 93, 100, 135]
},{
name:'蒸发量',
type:'bar',
barWidth: 10,
itemStyle: {
normal: {
color: 'rgb(5, 194, 92)',
}
},
data:[7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6]
}]
};*/
//折线xiao
var optionl2 = {
color: 'rgba(0, 184, 236, 0.9)',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
legend: {
show: true,
orient: 'left',
x: 'right',
textStyle: {
fontSize: '14',
color: '#fff'
},
},
grid: {
left: '6%',
right: '6%',
top: '18%',
bottom: '6%',
containLabel: true
},
textStyle: {
fontSize: '14',
fontWeight: 'normal',
color: '#ffffff'
},
xAxis: {
type: 'category',
axisTick: {
alignWithLabel: true,
inside: true
},
axisLabel: {
color:'#fff',
interval: 0,
fontSize :12,
rotate:45,
},
axisLine: {
onZero: false,
lineStyle: {
color: '#fff'
}
},
axisPointer: {
label: {
show: false,
backgroundColor:'#007EDD'
}
},
data: ['2017/11/1','2017/11/8','2017/11/15','2017/11/22','2017/11/29'],
},
yAxis: {
show: true,
axisLabel: {
color:'#fff',
interval: 0,
fontSize :12
},
axisTick: {
alignWithLabel: true,
inside: true
},
axisLine: {
onZero: false,
lineStyle: {
color: '#fff'
}
},
axisPointer: {
label: {
show: false,
}
},
type: 'value',
symbol: 'circle',
symbolSize: 10,
smooth: true,
splitLine: {
show: true,
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
color: 'rgba(255, 255, 255, 0)',
}
}
},
series: [{
type: 'line',
name: '产品或服务产能指数',
symbol: 'circle',
symbolSize: 10,
smooth: true,
itemStyle: {
normal: {
color: 'rgba(0, 184, 236, 0)',
},
emphasis: {
color: 'rgba(0, 184, 236, 1)',
}
},
lineStyle: {
normal: {
color: 'rgba(0, 184, 236, 0.9)',
}
},
data: [5.18, 5.26, 5.05, 5.14, 5.27],
areaStyle: {
normal: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 0,
color: 'rgba(0, 184, 236, 0.4)',
}, {
offset: 1,
color: 'rgba(0, 184, 236, 0.1)',
}],
globalCoord: false
},
}
},
}]
};
///饼图
option2 = {
title: {
text: '合计',
textStyle:{
color: '#fff'
},
subtext: '8,210,481,162.58',
subtextStyle: {
color: '#fff',
fontSize:18,
},
x: 'center',
y: 'center'
},
tooltip: {
trigger: 'item',
formatter: '{c}'
},
legend: {
show: true,
y: 'top',
data:['非受限库存现金','应收款项类','其他非流动资产类','固定资产类','金融资产类','其他流动资产类项类'],
orient: 'left',
x: 0,
y: 0,
textStyle: {
fontSize: '14',
color: '#fff'
},
},
calculable: true,
series: [
{
color: ['#0997c1', '#c22167', '#082773', '#604fb9', '#0067c3', '#68cdfb'],
type: 'pie',
radius: [50, 200],
center: ['50%', '50%'],
//roseType: 'radius',
label: {
normal: {
/* position: 'inside',*/
color:"#fff"
}
},
tooltip: {
formatter: function (params) {
var b=parseFloat(params.value).toString();
var len=b.length;
if(len<=3){return b;}
var r=len%3;
var aNew = b.split(".")[1];
return r>0?b.slice(0,r)+","+b.slice(r,len).match(/\d{3}/g).join(",")+"."+aNew:b.slice(r,len).match(/\d{3}/g).join(",");
}
},
itemStyle: {
normal: {
/*borderWidth: 14.5,
borderColor: 'rgba(255, 255, 255, 1)'*/
}
},
data: [
{value: 1578125718.62, name:'非受限库存现金'},
{value: 1135040262.72, name: '应收款项类'},
{value: 1276828336.26, name: '其他非流动资产类'},
{value: 2890680272.55, name: '固定资产类'},
{value: 108959878.55, name: '金融资产类'},
{value: 1183489550.95, name: '其他流动资产类项类'},
]
}
]
}
option22 = {
title: {
text: '合计',
subtext: '4,363,978,628.282',
subtextStyle: {
color: '#fff',
fontSize:18,
},
textStyle:{
color: '#fff',
verticalAlign: 'top'
},
x: 'center',
y: 'center'
},
tooltip: {
trigger: 'item',
formatter: '{c}'
},
legend: {
show: true,
y: 'top',
data:['非受限库存现金','应收款项类','其他非流动资产类','固定资产类','金融资产类','其他流动资产类项类'],
orient: 'top',
x: 0,
y: 0,
textStyle: {
fontSize: '14',
color: '#fff'
},
},
calculable: true,
series: [
{
color: ['#0997c1', '#c22167', '#082773', '#604fb9', '#0067c3', '#68cdfb'],
type: 'pie',
radius: [50, 200],
center: ['50%', '50%'],
//roseType: 'radius',
label: {
normal: {
/* position: 'inside',*/
color:"#fff"
}
},
tooltip: {
formatter: function (params) {
var b=parseFloat(params.value).toString();
var len=b.length;
if(len<=3){return b;}
var r=len%3;
var aNew = b.split(".")[1];
return r>0?b.slice(0,r)+","+b.slice(r,len).match(/\d{3}/g).join(",")+"."+aNew:b.slice(r,len).match(/\d{3}/g).join(",");
}
},
itemStyle: {
normal: {
/*borderWidth: 14.5,
borderColor: 'rgba(255, 255, 255, 1)'*/
}
},
data: [
{value: 1578125718.62, name:'非受限库存现金'},
{value: 798957183.904, name: '应收款项类'},
{value: 568063603.409, name: '其他非流动资产类'},
{value: 54479939.275, name: '固定资产类'},
{value: 898636362.694, name: '金融资产类'},
{value: 1465715820.38, name: '其他流动资产类项类'},
]
}
]
}
/*var webkitDep = {
"type": "force",
"categories": [//关系网类别，可以写多组
{
"name": "人物关系",//关系网名称
"keyword": {},
"base": "人物关系"
}
],
"nodes": [//展示的节点
{
"name": "齐悦科技",//节点名称
"value": 3,
"category": 0//与关系网类别索引对应，此处只有一个关系网所以这里写0
},
{
"name": "股权链",
"value": 1,
"category": 0
},
{
"name": "信用链",
"value": 1,
"category": 0
},
{
"name": "股东",
"value": 1,
"category": 0
}
],
"links": [//节点之间连接
{
"source": 0,//起始节点，0表示第一个节点
"target": 1 //目标节点，1表示与索引为1的节点进行连接
},
{
"source": 0,
"target": 2
},{
"source": 1,
"target": 3
}
]
};
optiongx = {
legend: {
data: ['人物关系']//此处的数据必须和关系网类别中name相对应
},
series: [{
type: 'graph',
layout: 'force',
animation: false,
label: {
normal: {
show:true,
position: 'right'
}
},
draggable: true,
data: webkitDep.nodes.map(function (node, idx) {
node.id = idx;
return node;
}),
categories: webkitDep.categories,
force: {
edgeLength: 105,//连线的长度
repulsion: 100 //子节点之间的间距
},
edges: webkitDep.links
}]
};
var guanxi = echarts.init(document.getElementById('guanxi'));
guanxi.setOption(optiongx); */
function tohref(){
window.location.href = "sanlian.html?1";
}
function toindex(){
window.location.href = "index.html";
}
function loadtm(){
var days=new Array ("日", "一", "二", "三", "四", "五", "六");
var currentDT = new Date();
var y,m,date,day,hs,ms,ss,theDateStr;
y = currentDT.getFullYear(); //四位整数表示的年份
m = currentDT.getMonth(); //月
date = currentDT.getDate(); //日
day = currentDT.getDay(); //星期
hs = currentDT.getHours(); //时
ms = currentDT.getMinutes(); //分
ss = currentDT.getSeconds(); //秒
//theDateStr = y+"年"+ m +"月"+date+"日 星期"+days[day]+" "+hs+":"+ms+":"+ss;
theDateStr = " "+p(hs)+":"+p(ms)+":"+p(ss);
console.log(theDateStr)
$(".tmtext>span span").html(theDateStr);
// setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
}
function p(s) {
return s < 10 ? '0' + s: s;
}
window.setInterval( loadtm, 1000);