JSFiddle - React, Tailwind, and code Playground

by ds345

HTML

<script src="http://dygraphs.com/dygraph-combined.js"></script>
<br><br>
Rotated Graph
<div id="demodiv2" class="rotated"></div>

CSS

.rotated {
    -webkit-transform:rotate(90deg);
    top:-150px;
    margin-top:50px
}

JavaScript

function data() {
    var r = "date,sine\n";
    for (var i = 1; i <= 31; i++) {
        r += "2006/10/" + (i > 10 ? i : "0" + i);

       
        r += "," + 10 * (125 + 125 * Math.sin(0.3 * i));
        r += "\n";
    }
    return r;
}
g = new Dygraph(document.getElementById("demodiv2"), data, {
    ylabel: 'Dummy axis',
    y2label: 'Sine',
    stackedGraph: true,
        'sine': {axis: {} }});