Commit fe84fdb4 by 姜雷

调整部分图表样式

parent 66ddf88d
...@@ -29,7 +29,7 @@ export default { ...@@ -29,7 +29,7 @@ export default {
container: 'CustomerConsumptionChart', container: 'CustomerConsumptionChart',
forceFit: true, forceFit: true,
height: this.height, height: this.height,
padding: [50, 50, 50, 100], padding: [50, 60, 50, 100],
}); });
this.chart.source(this.data); this.chart.source(this.data);
this.chart this.chart
......
...@@ -127,7 +127,7 @@ export default { ...@@ -127,7 +127,7 @@ export default {
container: 'CustomerRechargeChart', container: 'CustomerRechargeChart',
forceFit: true, forceFit: true,
height: this.height, height: this.height,
padding: [50, 50, 20, 120], padding: [30, 50, 20, 120],
}); });
this.chart.source(dv, { this.chart.source(dv, {
...@@ -138,6 +138,10 @@ export default { ...@@ -138,6 +138,10 @@ export default {
alias: '充值人数', alias: '充值人数',
}, },
}); });
// this.chart.tooltip({
// offset: 250,
// });
this.chart.axis('areaName', { this.chart.axis('areaName', {
label: { label: {
offsetX: -80, offsetX: -80,
...@@ -273,8 +277,10 @@ export default { ...@@ -273,8 +277,10 @@ export default {
transform: translate(100%, -100%); transform: translate(100%, -100%);
} }
.CustomerRechargeChart-areaTitle { .CustomerRechargeChart-areaTitle {
color: #666;
width: 85px; width: 85px;
height: 2em; height: 2.4em;
line-height: 1.2;
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
......
...@@ -83,7 +83,7 @@ export default { ...@@ -83,7 +83,7 @@ export default {
} }
.Dashboard-SearchBar { .Dashboard-SearchBar {
display: flex; display: flex;
padding: 20px 0 50px; padding: 10px 0 20px;
.el-input, .el-input,
.el-input__inner, .el-input__inner,
.filter-item { .filter-item {
...@@ -98,6 +98,7 @@ export default { ...@@ -98,6 +98,7 @@ export default {
min-width: 40px; min-width: 40px;
} }
.Dashboard-Radio { .Dashboard-Radio {
margin-left: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-self: flex-end; justify-self: flex-end;
...@@ -135,13 +136,13 @@ export default { ...@@ -135,13 +136,13 @@ export default {
} }
.Dashboard-title { .Dashboard-title {
position: relative; position: relative;
padding: 20px 0 0; padding: 20px 0 12px;
margin: 0 20px; margin: 0 20px;
} }
.Dashboard-title::before { .Dashboard-title::before {
content: ''; content: '';
position: absolute; position: absolute;
bottom: -12px; bottom: 0;
left: 0; left: 0;
width: 32px; width: 32px;
height: 4px; height: 4px;
......
...@@ -229,7 +229,7 @@ export default { ...@@ -229,7 +229,7 @@ export default {
} }
} }
.fastLink.marleft { .fastLink.marleft {
margin-left: 133px; margin-left: 70px;
} }
.DashboardButton { .DashboardButton {
height: 80px; height: 80px;
......
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