mirror of
https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi.git
synced 2025-07-28 02:50:31 +08:00
1163 lines
30 KiB
JavaScript
1163 lines
30 KiB
JavaScript
|
||
|
||
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);
|