| | |
| | | } |
| | | }, |
| | | grid: { |
| | | left: 10, |
| | | left: 15, |
| | | right: 0, |
| | | bottom: 0, |
| | | top: '20%', |
| | | top:'10%', |
| | | containLabel: true |
| | | }, |
| | | legend: { |
| | |
| | | .data-chart-container { |
| | | height: 400px; |
| | | margin-bottom: 20px; |
| | | |
| | | .data-card { |
| | | height: 100%; |
| | | |
| | |
| | | } |
| | | |
| | | .title-container { |
| | | position: absolute; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | z-index: 2; |
| | | |
| | | padding: 15px 20px; /* 内边距控制高度和边距 */ |
| | | background: #fff; |
| | | border-bottom: 1px solid #eee; /* 分隔线增强视觉分离 */ |
| | | .more-button { |
| | | cursor: pointer; |
| | | font-size: 16px; |
| | |
| | | } |
| | | |
| | | .chart-container { |
| | | |
| | | width: 100%; |
| | | height: 100%; |
| | | height: 80%; |
| | | |
| | | #chartContent { |
| | | width: 100%; |