D3 Examples - Sheetrock D3 Linechart

xxxxxxxxxx
 
​
<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'>
        <title>Sheetrock D3 Linechart</title>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'/>
        <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.js'></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-sheetrock/1.0.1/dist/sheetrock.min.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
        <link rel="stylesheet" href="../assets/css/fonts.min.css">
        <style>
​
            html {
                position: relative;
                min-height: 100%;
            }
            body {
                padding-top: 50px;
                margin-bottom: 60px;
                font-family: "Rubik Book", "Helvetica", sans-serif !important;
            }
​
​
            .footer {
                position: absolute;
                bottom: 0;
                width: 100%;
                /* Set the fixed height of the footer here */
                background-color: #f5f5f5;
            }
​
            .axis path,
            .axis line {
​
              fill: none;
              stroke: #000;
              shape-rendering: crispEdges;
​
            }
​
            text {
                font-family: "Rubik Book", "Helvetica", sans-serif !important;
            }
​
            .x.axis path {
              display: none;
            }
​
            .line {
              fill: none;
              stroke: #3B5BCA;
              stroke-width: 2px;
            }
​
​
​
        </style>
    </head>
<body>
    <div class="container">
        
        <div class="panel panel-default">
             <div class="panel-heading">
                 <h1>Sheetrock.js + d3.js</h1>
                 <h4>https://www.dashingd3js.com/data-structures-d3js-accepts</h4>
                 
             </div>
            <div class="panel-body">
                <div id="loading">Cargando datos...</div>
                <div class="container-fluid">
                    
                </div>
            </div>
        </div>
        
    </div>
​
    <footer class="footer">
        <div class="container">
            <p class="navbar-text"><a href="https://docs.google.com/spreadsheets/d/1Fm-sWrGeWEqHTkc580EFaxACtjL2n9ShCyt5E6S4IUA/edit#gid=996460197" target="_blank">Google Sheet Público</a></p>
        </div>
    </footer>
​
​
​
​
​
<script type="text/javascript" src="linechart.js"></script>
​
</body>
</html>
​
    