-
카테고리
-
세부 분야
데이터 분석
-
해결 여부
미해결
처음 기본 템플릭까지 코드좀 제공해주시면 안될까여?
21.05.01 23:11 작성 조회수 124
0
3분 19초까지 이게 맞을까요?
기본 코드 따라 치기도 빡세요 ㅋㅋ
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>인프런과 함께 하는 시각화 강좌</title>
<link href="../build/nv.d3.css" rel="stylesheet" type="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js" charset="utf-8"></script>
<style>
text {
font: 12px sans-serif;
}
svg {
display: block;
}
html,
body,
#chart1,
svg {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}
.dashed {
stroke-dasharray: 5, 5;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js" charset="utf-8"></script>
<script src="/lib/nvd3/build/nv.d3.js"></script>
<script type="text/javascript">
var chart;
var legendPosition = "top";
function sinAndCos() {
var sin = [],
cos = [];
for (var i = 0; i < 100; i++) {
sin.push({ x: i, y: Math.sin(i / 10) });
cos.push({ x: i, y: .5 * Math.cos(i / 10) })
}
}
</script>
</head>
<body class="width-3d-shadow with-transitions">
<div style="position:absolute; top:0; left:0;">
<button onClick="toggleLegend();">Toggle Legend Top/Bottom</button>
</div>
<div id="header" style="text-align:center;">
<h2>nvd3.js 샘플 LineChart</h2>
</div>
<br><br>
<div id="content" style="height:300px; width:100%;">
svg
</div>
</body>
</html>
답변을 작성해보세요.
답변 0