• 카테고리

    질문 & 답변

  • 세부 분야

    데이터 분석

  • 해결 여부

    미해결

처음 기본 템플릭까지 코드좀 제공해주시면 안될까여?

21.05.01 23:11 작성 조회수 117

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>
course-thumbnail

실무중심의 HTML5 시각화 프로그래밍

nvd3.js (1/3)

강의실 바로가기

답변 0

답변을 작성해보세요.

답변을 기다리고 있는 질문이에요.
첫번째 답변을 남겨보세요!

이 글과 비슷한 Q&A