c2
Version:
d3 component canvas
64 lines (62 loc) • 1.66 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="application/javascript" src="https://d3js.org/d3.v5.min.js"></script>
<script src="../dist/c2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/highlight.min.js"></script>
<script src="bars.js"></script>
<style>
html,body {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
overflow:hidden;
padding:0;
margin:0;
box-sizing:border-box;
display:inline;
max-height:100%;
}
canvas {
position:absolute;
left:420px;
top:0px;
}
.button-group {
position:absolute;
right:10px;
top:10px;
border:solid 1px green;
background:rgba(0,0,0,.1)
}
button {
background:transparent;
height:50px;
border:none;
color:green;
font-weight:bold;
}
pre {
position:absolute;
display:block;
width:400px;
left:0px;
padding:0;
overflow:scroll;
bottom:0px;
top:0px;
margin:0;
padding:0;
max-height:100%;
background:#f7f7f7 ;
}
</style>
</head>
<body class="content">
</body>
</html>