JSFiddle - React, Tailwind, and code Playground

by cubicalmonkey

HTML

<div id='graphdiv1'></div>

JavaScript

var dataArr = [["1463574891000,1.2,1.5,2,2,2,2,1.7,1.4,1.5,1.5,1.5,1.2,1.7,1.2,1.7,2.2"],["1463626866000,1.2,1.7,2,2,2,2,1.7,1.4,1.7,1.7,1.5,1.2,1.7,1.2,1.7,2.5"],["1463713265000,1,1.5,1.9,1.9,2,1.9,1.5,1.2,1.5,1.5,1.4,1,1.5,1.2,1.5,2.2"],["1463745666000,1,1.5,2,1.9,2,1.9,1.5,1.2,1.5,1.5,1.4,1.2,1.7,1.2,1.7,2.2"],["1463799665000,1,1.4,1.7,1.7,1.7,1.7,1.5,1.2,1.4,1.4,1.2,1,1.5,1,1.5,2"],["1463832065000,1,1.5,1.9,1.9,1.9,1.9,1.5,1.2,1.5,1.5,1.4,1,1.5,1.2,1.5,2.2"],["1463886066000,1,1.5,2,1.9,1.9,1.9,1.5,1.2,1.5,1.5,1.4,1,1.7,1.2,1.7,2.2"],["1463918466000,1.2,1.5,2,2,2,1.9,1.5,1.2,1.5,1.5,1.5,1.2,1.7,1.2,1.7,2.4"],["1463972465000,1.2,1.5,2,2,2,2,1.7,1.2,1.5,1.5,1.4,1.2,1.7,1.2,1.7,2.4"],["1464004865000,1.2,1.7,2,2,2,2,1.7,1.4,1.5,1.7,1.5,1.2,1.7,1.2,1.7,2.4"],["1464058866000,1.2,1.7,2.2,2.2,2.2,2,1.7,1.5,1.7,1.7,1.5,1.2,1.7,1.4,1.7,2.4"],["1464091265000,1.2,1.7,2.2,2,2.2,2,1.7,1.5,1.5,1.7,1.5,1.2,1.7,1.2,1.7,2.4"],["1464145265000,1,1.5,2,1.9,2,1.9,1.5,1.2,1.4,1.5,1.2,1,1.5,1,1.5,2.2"]];
// Create graph with native array as data source
g = new Dygraph(document.getElementById("graphdiv1"), dataArr, {
    drawPoints: true,
    //valueRange: [0.0, 1.2],
    labels: ['date','651','657','663','669','675','681','687','693','699','705','711','717','723','729','735','741'],
    axes: {
            x: {
                valueFormatter: Dygraph.dateString_,
                axisLabelFormatter: Dygraph.dateAxisFormatter,
                ticker: Dygraph.dateTicker
            }
        }
   
});