112 lines
1.7 KiB
CSS
112 lines
1.7 KiB
CSS
/** 折线柱状图 */
|
|
.chartTable {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width : 100%;
|
|
height : 100%;
|
|
}
|
|
|
|
.chartTable :global(.ant-spin-container) {
|
|
width : 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.chartTableSwap {
|
|
position : absolute;
|
|
top : 0;
|
|
right : 7px;
|
|
line-height: 1;
|
|
z-index : 10;
|
|
cursor : pointer;
|
|
}
|
|
|
|
.chartTable .chart,
|
|
.chartTable .table {
|
|
transition: all .2s ease-in-out;
|
|
}
|
|
|
|
.chartTable .chart {
|
|
position: relative;
|
|
left : 0;
|
|
}
|
|
|
|
.chartTable .chart.show {
|
|
left: 0
|
|
}
|
|
|
|
.chartTable .chart.hide {
|
|
left: -100%;
|
|
}
|
|
|
|
.chartTable .table {
|
|
width : 100%;
|
|
position : absolute;
|
|
top : 50%;
|
|
left : 100%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.chartTable .table.show {
|
|
left: 0;
|
|
}
|
|
|
|
.chartTable .table.hide {
|
|
left: 100%;
|
|
}
|
|
|
|
.chartTable .empty {
|
|
position : relative;
|
|
top : 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
/** 桑基图 */
|
|
.sanChart_wrap {
|
|
width : 100%;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sanChart_wrapLevel {
|
|
padding: 0.16rem 0.51rem 0.26rem 0.51rem;
|
|
}
|
|
|
|
.sanChart_header {
|
|
width : 100%;
|
|
padding : 2px 18px;
|
|
border : 1px solid #dbdbdb;
|
|
border-bottom : none;
|
|
display : none;
|
|
flex-direction : row;
|
|
justify-content: flex-start;
|
|
align-items : center;
|
|
}
|
|
|
|
.sanChart_headerLevel {
|
|
display: flex;
|
|
}
|
|
|
|
.sanChart_headerTitle,
|
|
.sanChart_headerAttach {
|
|
text-align: center;
|
|
font-size : 12px;
|
|
color : #333333;
|
|
}
|
|
|
|
.sanChart_headerTitle {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sanChart_headerAttach {
|
|
flex : 1;
|
|
border-left : 1px solid #dbdbdb;
|
|
border-right: 1px solid #dbdbdb;
|
|
height : 54px;
|
|
}
|
|
|
|
.sanChart_zone {
|
|
border: none;
|
|
}
|
|
|
|
.sanChart_zoneLevel {
|
|
border: 1px solid #dbdbdb;
|
|
} |