|
|
|
@ -255,7 +255,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.gcgrs .gcgrs_charts { |
|
|
|
margin-top: 1.8rem; |
|
|
|
margin-top: 1rem; |
|
|
|
width: 100%; |
|
|
|
height: 18rem; |
|
|
|
} |
|
|
|
@ -305,7 +305,7 @@ export default { |
|
|
|
this.getTsgInfoDatas() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 山峰图 |
|
|
|
// 山峰图---24小时进馆人数趋势 |
|
|
|
cgsf_line() { |
|
|
|
var chartDom = document.getElementById('gcins_charts'); |
|
|
|
var myChart = echarts.init(chartDom); |
|
|
|
@ -322,8 +322,8 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
left: '3%', |
|
|
|
right: '3%', |
|
|
|
left: '-8%', |
|
|
|
right: '4%', |
|
|
|
bottom: '3%', |
|
|
|
top: '10%', |
|
|
|
containLabel: true |
|
|
|
@ -370,7 +370,9 @@ export default { |
|
|
|
}, |
|
|
|
axisLabel: { |
|
|
|
color: '#0095FF', |
|
|
|
} |
|
|
|
align: 'left', |
|
|
|
margin: 40 |
|
|
|
}, |
|
|
|
}], |
|
|
|
series: [{ |
|
|
|
// name: '厂用电量', |
|
|
|
@ -444,7 +446,7 @@ export default { |
|
|
|
option && myChart.setOption(option); |
|
|
|
}, |
|
|
|
|
|
|
|
// |
|
|
|
// 各场馆人数趋势 |
|
|
|
gc_line() { |
|
|
|
var chartDom = document.getElementById("gc_charts"); |
|
|
|
var myChart = echarts.init(chartDom); |
|
|
|
@ -506,7 +508,7 @@ export default { |
|
|
|
// backgroundColor: "#141f56", |
|
|
|
legend: { |
|
|
|
top: 0, |
|
|
|
right: 30, |
|
|
|
right: 10, |
|
|
|
itemGap: 15, |
|
|
|
itemWidth: 20, |
|
|
|
itemHeight: 20, |
|
|
|
@ -550,6 +552,8 @@ export default { |
|
|
|
grid: { |
|
|
|
borderWidth: 0, |
|
|
|
top: 240, |
|
|
|
left: 30, |
|
|
|
right: 10, |
|
|
|
bottom: 240, |
|
|
|
textStyle: { |
|
|
|
color: "#fff" |
|
|
|
@ -628,6 +632,11 @@ export default { |
|
|
|
value: 323, |
|
|
|
}, |
|
|
|
]; |
|
|
|
let valueColor = [ |
|
|
|
{ color1: '#15224C', color2: '#FF0042', unit: ' 人 '}, |
|
|
|
{ color1: '#15224C', color2: '#FED700', unit: ' 册 '}, |
|
|
|
{ color1: '#15224C', color2: '#00FEC5', unit: ' 册 '} |
|
|
|
] |
|
|
|
var libraryIcons = { |
|
|
|
'Lend': '/img/wh_right1.png', |
|
|
|
'Still': '/img/wh_right2.png', |
|
|
|
@ -802,7 +811,7 @@ export default { |
|
|
|
lineHeight: 42, |
|
|
|
fontSize: 14, |
|
|
|
formatter: function (value, index) { |
|
|
|
return data[index].value + ' 册 ' |
|
|
|
return data[index].value + valueColor[index].unit |
|
|
|
}, |
|
|
|
} |
|
|
|
}], |
|
|
|
@ -831,28 +840,24 @@ export default { |
|
|
|
// align: left, |
|
|
|
itemStyle: { |
|
|
|
normal: { |
|
|
|
color: new echarts.graphic.LinearGradient( |
|
|
|
0, |
|
|
|
0, |
|
|
|
1, |
|
|
|
0, |
|
|
|
[{ |
|
|
|
color: (params) => { |
|
|
|
var index = params.dataIndex; |
|
|
|
if (params.dataIndex >= valueColor.length) { |
|
|
|
index = params.dataIndex - valueColor.length; |
|
|
|
} |
|
|
|
return new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ |
|
|
|
offset: 0, |
|
|
|
color: '#A71A2B' |
|
|
|
}, |
|
|
|
{ |
|
|
|
offset: 0.7, |
|
|
|
color: '#A71A2B' |
|
|
|
color: valueColor[index].color1 |
|
|
|
}, |
|
|
|
{ |
|
|
|
offset: 0.8, |
|
|
|
color: valueColor[index].color2 |
|
|
|
},{ |
|
|
|
offset: 1, |
|
|
|
color: '#5EDEE5' |
|
|
|
} |
|
|
|
], |
|
|
|
|
|
|
|
false |
|
|
|
), |
|
|
|
barBorderRadius: 10 |
|
|
|
color: valueColor[index].color2 |
|
|
|
}]); |
|
|
|
}, |
|
|
|
barBorderRadius: 0 |
|
|
|
}, |
|
|
|
// color: '#A71A2B', |
|
|
|
barBorderRadius: 4, |
|
|
|
|
