Skip to content

M
Muse
Commit afe5c7db authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

1

parent 67247df6
Hide whitespace changes
Inline Side-by-side
Showing with 37 additions and 57 deletions
src/components/viitto/saleDataLook.vue
View file @ afe5c7db
......@@ -231,6 +231,12 @@
.company-class .el-select-dropdown__item.hover,.company-class .el-select-dropdown__item:hover {
background-color: #252D48 !important;
}
.my-drawer-sale{
width: 40% !important;
}
.my-drawer-sale .item{
flex: 1
}
</style>
<template>
<div class="dataLook" v-loading="!loding">
......@@ -309,7 +315,7 @@
<div class="item">
<div>月度</div>
<div>
{{OutherData.MonthClient}}<span class="sub">%</span>
{{OutherData.MonthClient}}
</div>
</div>
</div>
......@@ -353,7 +359,7 @@
</div>
</div>
<el-drawer
custom-class="my-drawer"
custom-class="my-drawer my-drawer-sale"
:show-close="false"
:visible.sync="drawer"
:direction="direction"
......
src/components/viitto/saleLineChart.vue
View file @ afe5c7db
......@@ -21,10 +21,7 @@
font-family: "PINGFANG REGULAR";
}
.myecharts-sale{
height: 100%;
}
.myecharts-sale{
height: 1480px;
height: 950px;
}
</style>
<template>
......@@ -131,32 +128,32 @@ export default {
left: 80,
right: 10,
top: '40px',
height: '180px'
height: '100px'
}, {
left: 80,
right: 10,
top: '280px',
height: '180px'
top: '190px',
height: '100px'
}, {
left: 80,
right: 10,
top: '520px',
height: '180px'
top: '340',
height: '100px'
}, {
left: 80,
right: 10,
top: '760px',
height: '180px'
top: '490px',
height: '100px'
}, {
left: 80,
right: 10,
top: '1000px',
height: '180px'
top: '630px',
height: '100px'
}, {
left: 80,
right: 10,
top: '1240px',
height: '180px'
top: '780px',
height: '100px'
}
],
xAxis : [
......@@ -315,8 +312,8 @@ export default {
},
{
gridIndex: 5,
name : '售后服务',
type : 'value',
name: '售后服务',
type: 'value',
inverse: false,
splitLine: {
lineStyle: {
......@@ -353,14 +350,12 @@ export default {
},
lineStyle: {
color: "#F5AF19",
shadowBlur: 5,
width: 3,
shadowColor: "#F5AF19"
width: 1,
},
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(245,175,25,1)" },
{ offset: 0, color: "rgba(245,175,25,.5)" },
{ offset: .8, color: "rgba(245,175,25,0)" }
])
}
......@@ -385,14 +380,14 @@ export default {
},
lineStyle: {
color: "#9345F8",
shadowBlur: 5,
width: 3,
shadowColor: "#3FD2F3"
// shadowBlur: 5,
width: 1,
// shadowColor: "#3FD2F3"
},
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(147,69,248,1)" },
{ offset: 0, color: "rgba(147,69,248,.5)" },
{ offset: .8, color: "rgba(147,69,248,0)" }
])
}
......@@ -417,14 +412,12 @@ export default {
},
lineStyle: {
color: "#32ff7e",
shadowBlur: 5,
width: 3,
shadowColor: "#3ae374"
width: 1,
},
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(50, 255, 126,1)" },
{ offset: 0, color: "rgba(50, 255, 126,.5)" },
{ offset: .8, color: "rgba(50, 255, 126,0)" }
])
}
......@@ -448,14 +441,12 @@ export default {
},
lineStyle: {
color: "rgb(103, 230, 220)",
shadowBlur: 5,
width: 3,
shadowColor: "#3ae374"
width: 1,
},
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(103, 230, 220,1)" },
{ offset: 0, color: "rgba(103, 230, 220,.5)" },
{ offset: .8, color: "rgba(103, 230, 220,0)" }
])
}
......@@ -479,14 +470,12 @@ export default {
},
lineStyle: {
color: "rgb(255, 184, 184)",
shadowBlur: 5,
width: 3,
shadowColor: "rgb(255, 184, 184)"
width: 1,
},
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(255, 184, 184,1)" },
{ offset: 0, color: "rgba(255, 184, 184,.5)" },
{ offset: .8, color: "rgba(255, 184, 184,0)" }
])
}
......@@ -510,14 +499,12 @@ export default {
},
lineStyle: {
color: "#FFAA85",
width: 3,
shadowBlur: 5,
shadowColor: "#EE4454"
width: 1,
},
areaStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(239,71,86,1)" },
{ offset: 0, color: "rgba(239,71,86,.5)" },
{ offset: .8, color: "rgba(239,71,86,0)" }
])
}
......
src/components/viitto/saleLineChartK.vue
View file @ afe5c7db
......@@ -97,7 +97,7 @@ export default {
backgroundColor: '#21202D',
color:['#2ecc71','#3498db','#9b59b6','#f1c40f','#e74c3c','#fffa65'],
legend: {
data: ['成交单价', '订单数', '平均价格'],
data: ['成交单价', '订单数'],
inactiveColor: '#777',
textStyle: {
color: '#fff'
......@@ -131,7 +131,6 @@ export default {
res += '<br/> 最低值: ' + params[0].value[3]
res += '<br/> 最高值: ' + params[0].value[4]
res += '<br/> 订单数: ' + params[0].value[5]
res += '<br/> 平均价格: ' + params[0].value[6]
return res
}
......@@ -233,18 +232,6 @@ export default {
width: 1,
}
},
{
name: '平均价格',
type: 'line',
yAxisIndex: 0,
data: calculateMA(5, _this.dataList),
smooth: true,
showSymbol: false,
z: 3,
lineStyle: {
width: 1,
}
},
]
}
_this.myChart.setOption(option);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment