* {
margin:0;
padding:0;
}
.zhexiantu {
position:relative;
}
.zhexiantu .y_zhou li {
width:100%;
position:relative;
}
/* .zhexiantu .y_zhou li .text {
vertical-align:bottom;
align-items:flex-end;
display:flex;
height:100%;
width:50px;
text-align:right;
}
*/
.zhexiantu .y_zhou li .text {
position:absolute;
width:50px;
text-align:right;
top:100%;
line-height:30px;
margin-top:-15px;
box-sizing:border-box;
padding-right:5px;
}
.zhexiantu .y_zhou li .xian {
width:800px;
margin-left:50px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
height:100%;
box-sizing:border-box
}
.zhexiantu .x_zhou {
margin-left:50px;
}
.zhexiantu .x_zhou li {
height:auto;
float:left;
word-wrap:break-word;
word-break:break-all;
overflow:hidden;
box-sizing:border-box;
text-align:center
}
.zhexiantu .xianduan_box {
position:absolute;
width:100%;
box-sizing:border-box;
padding-left:50px;
top:0;
left:0
}
.zhexiantu .xianduan_box .xianduan {
position:relative;
width:100%;
height:100%;
}
.zhexiantu .xianduan_box .xianduan p {
position:absolute;
transform-origin:left bottom;
width:60px;
height:2px;
background:#ccc
}
.zhexiantu .dian_box {
position:absolute;
width:100%;
box-sizing:border-box;
padding-left:50px;
top:0;
left:0
}
.zhexiantu .dian_box .dian {
position:relative;
width:100%;
height:100%;
}
.zhexiantu .dian_box .dian span {
display:block;
position:absolute;
width:6px;
height:6px;
overflow:hidden;
background:#ccc;
box-sizing:border-box;
border-radius:50%;
cursor:pointer
}
.xianqing {
position:fixed;
border:1px solid #999;
background:#fff;
font-size:14px;
display:inline-block;
padding:5px 10px;
opacity:0;
transition:all 0.5s
}
var y_itme =5 //分的份数
var y_munlength = 300 //y轴的长度
.zhexiantu .y_zhou li .xian 的 width:800px x轴的长度
var y = [y轴的值]
var x = [x轴的值]