This commit is contained in:
parent
b65ff227fa
commit
3e7dfb4c60
|
@ -10,12 +10,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.main_wrap .main_left, .main_wrap .main_right {
|
.main_wrap .main_left, .main_wrap .main_right {
|
||||||
width: 25%;
|
width: 20%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main_wrap .main_center {
|
.main_wrap .main_center {
|
||||||
width: 50%;
|
width: 60%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -105,7 +105,11 @@
|
||||||
<span></span>
|
<span></span>
|
||||||
<span>资源交易数据统计</span>
|
<span>资源交易数据统计</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin: 2% 0;color: #fff;font-size: 12px;width: 100%;text-align: center">
|
<div style="margin: 1% 0;color: #fff;font-size: 12px;width: 100%;text-align: center">
|
||||||
|
<span class="trade_month_num">当月累计交易数:0</span>
|
||||||
|
<span class="trade_month_money" style="margin-left: 20px">当月累计交易额:0万元</span>
|
||||||
|
</div>
|
||||||
|
<div style="margin: 1% 0;color: #fff;font-size: 12px;width: 100%;text-align: center">
|
||||||
<span class="trade_all_num">全年累计交易数:0</span>
|
<span class="trade_all_num">全年累计交易数:0</span>
|
||||||
<span class="trade_all_money" style="margin-left: 20px">全年累计交易额:0万元</span>
|
<span class="trade_all_money" style="margin-left: 20px">全年累计交易额:0万元</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -474,52 +478,46 @@
|
||||||
dataType:'json',
|
dataType:'json',
|
||||||
success(res){
|
success(res){
|
||||||
let _data = res.data;
|
let _data = res.data;
|
||||||
let _rData = [],_sData = [];
|
let _xData = [],_sData = [];
|
||||||
let _maxArr = [];
|
|
||||||
_data.forEach(item => {
|
_data.forEach(item => {
|
||||||
_maxArr.push(item.score)
|
_xData.push(item.shot_name);
|
||||||
});
|
|
||||||
_maxArr.sort((a,b) => {
|
|
||||||
return a-b;
|
|
||||||
})
|
|
||||||
_data.forEach(item => {
|
|
||||||
_rData.push({
|
|
||||||
max:_maxArr[_maxArr.length-1],name:item.shot_name
|
|
||||||
});
|
|
||||||
_sData.push(item.nowScore)
|
_sData.push(item.nowScore)
|
||||||
})
|
})
|
||||||
let chart = echarts.init(document.getElementById('bottom_right_echarts'));
|
let chart = echarts.init(document.getElementById('bottom_right_echarts'));
|
||||||
let option = {
|
let option = {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'item',
|
trigger: 'axis',
|
||||||
},
|
},
|
||||||
legend: {
|
xAxis: {
|
||||||
data: [''],
|
type: 'category',
|
||||||
|
boundaryGap: false,
|
||||||
|
data: _xData,
|
||||||
|
axisLabel:{
|
||||||
|
interval:0,
|
||||||
|
rotate:15,
|
||||||
|
color:'#FFFFFF'
|
||||||
},
|
},
|
||||||
radar: {
|
},
|
||||||
radius: '60%',
|
yAxis: {
|
||||||
indicator: _rData,
|
type: 'value',
|
||||||
shape: 'circle',
|
axisLabel:{
|
||||||
|
color:'#fff'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
top: "15%",
|
||||||
|
left: '5%',
|
||||||
|
right: '5%',
|
||||||
|
bottom: '5%',
|
||||||
|
containLabel: true
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: '',
|
data: _sData,
|
||||||
type: 'radar',
|
type: 'line',
|
||||||
data: [
|
areaStyle: {
|
||||||
{
|
color:'#02abe0'
|
||||||
value: _sData,
|
|
||||||
name: '季度考核指标'
|
|
||||||
},
|
|
||||||
],
|
|
||||||
symbol: 'none',
|
|
||||||
itemStyle: {
|
|
||||||
color: '#F9713C'
|
|
||||||
},
|
|
||||||
tooltip: {
|
|
||||||
valueFormatter: function (value) {
|
|
||||||
return value + ' 分';
|
|
||||||
}
|
}
|
||||||
},
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue