console 命令行工具 X clear

console

<!DOCTYPE html>
<html>
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>
      RunJS
    </title>
  </head>
  <script src="https://d3js.org/d3.v5.min.js">
  </script>
  
  <body>
  </body>

</html>

body {
  font-family: "helvetica";
  background-color: #fff;
  margin: 0;
  padding: 100px
}

svg {
  box-sizing: content-box;
  background-color: #A9A9A9;
}

.axis path {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis .tick line {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis .tick text {
  fill: #FFFFFF;
}

.axis-x path {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis-x .tick line {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis-x .tick text {
  transform: rotate(-90deg);
  stroke: #000000;
}

#grid {
  fill: #FF007F;
}

#grid line {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

#grid path1 {
  display: none
}

.line_y .domain {
  stroke: yellow;
  stroke-width: 1.5
}

.axis-x-m path {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis-x-m .tick line {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis-x-m .tick text {
  transform: rotate(-90deg);
  stroke: #000000;
}

.axis-x-w path {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis-x-w .tick line {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis-x-w .tick text {
  transform: rotate(-90deg);
  stroke: #000000;
}

.axis-x-d path {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis-x-d .tick line {
  stroke: #FFFFFF;
  stroke-width: 1.5
}

.axis-x-d .tick text {
  transform: rotate(-90deg);
  stroke: #000000;
}

.tooltip {
  position: absolute;
  width: 100px;
  height: auto;
  font-size: 14px;
  text-align: center;
  border: 1px solid #666;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.5)
}