d3 画圆点 实现24小时时序图并增加异常节点的提示功能
效果图
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
body {
text-align: center;
}
#svg_tooltip {
position: absolute;
border-radius: 4px;
padding: 10px;
z-index: 2000;
font-size: 12px;
line-height: 1.2;
min-width: 10px;
background: #000;
color: #fff;
}
#svg_tooltip:before {
content: "";
position: absolute;
display: block;
width: 0px;
border: 6px solid transparent;
border-top: 6px solid #000;
left: 45px;
top: 34px;
}
</style>
</head>
<body>
<h1>24小时状态时序图 d3</h1>
<svg id="svg" width="310" height=&