.box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
     align-items: center;
     overflow: hidden;
}
.searchBar{
margin-top: 1%;
}
.pieChart{
margin-top: 2%;
}
.histogramChart{
margin-bottom: 10%;
}
#leiDaTu {
    margin-left: 5%;
    height: 300px;
    width: 100%;
    float: left;
}
#leiDaTu2 {
    margin: 15%;
    height: 300px;
    width: 450px;
    float: left;
}
.margin {
    width: 100%;
    height: 618px;
}
.dialogLeftData {
    width: 50%;
    height: 650px;
    text-align: center;
    float: left;
}

.dialogRightData {
    width: 50%;
    height: 650px;
    text-align: center;
    float: left;
}