{{ s.name }}
.trend-chart-wrap {
display: flex;
flex-direction: column;
}
.trend-container {
position: relative;
}
.trend-canvas {
display: block;
}
.trend-tap-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.trend-legend {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
padding-top: 12rpx;
}
.legend-item {
display: flex;
flex-direction: row;
align-items: center;
margin: 0 16rpx 8rpx;
}
.legend-line {
width: 32rpx;
border-top: 4rpx solid $uni-info;
margin-right: 8rpx;
}
.legend-text {
font-size: 22rpx;
color: $facade-text-slate-deep;
}