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