Commit ba3760a2 authored by afc163's avatar afc163

Tweak sale Pie margin

parent 36546851
...@@ -6,8 +6,7 @@ ...@@ -6,8 +6,7 @@
position: relative; position: relative;
} }
&.hasLegend .chart { &.hasLegend .chart {
width: ~"calc(100% - 252px)"; width: ~"calc(100% - 236px)";
margin-left: 12px;
} }
.legend { .legend {
position: absolute; position: absolute;
...@@ -15,6 +14,7 @@ ...@@ -15,6 +14,7 @@
min-width: 200px; min-width: 200px;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
margin: 0 20px;
li { li {
cursor: pointer; cursor: pointer;
margin-bottom: 16px; margin-bottom: 16px;
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
& > p { & > p {
color: @heading-color; color: @heading-color;
display: block; display: block;
font-size: 1.3em; font-size: 1.2em;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
white-space: nowrap; white-space: nowrap;
......
...@@ -437,20 +437,18 @@ export default class Analysis extends Component { ...@@ -437,20 +437,18 @@ export default class Analysis extends Component {
</div> </div>
</div> </div>
)} )}
style={{ marginTop: 24 }} style={{ marginTop: 24, minHeight: 509 }}
> >
<h4 style={{ marginTop: 8, marginBottom: 32 }}>销售额</h4> <h4 style={{ marginTop: 8, marginBottom: 32 }}>销售额</h4>
<div style={{ marginBottom: 57 }}>
<Pie <Pie
hasLegend hasLegend
subTitle="销售额" subTitle="销售额"
total={yuan(salesPieData.reduce((pre, now) => now.y + pre, 0))} total={yuan(salesPieData.reduce((pre, now) => now.y + pre, 0))}
data={salesPieData} data={salesPieData}
valueFormat={val => yuan(val)} valueFormat={val => yuan(val)}
height={240} height={248}
lineWidth={4} lineWidth={4}
/> />
</div>
</Card> </Card>
</Col> </Col>
</Row> </Row>
......
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