JSFiddle - React, Tailwind, and code Playground

by Thomas Upton

HTML

<div id="DefaultGraph"></div>

JavaScript

require(["dojox/charting/Chart",
    "dojox/charting/axis2d/Default",
    "dojox/charting/plot2d/Lines",
    "dojo/_base/declare",
    "dojo/domReady!"
], function (Chart, Default, Lines, Declare) {
    var DefaultGraph = Declare([Chart, Default, Lines], {
        postCreate: function() {
            // Create the chart within it's "holding" node
            var chart1 = new Chart("simplechart");
            chart1.addPlot("default", {
                type: Lines
            });
            chart1.addAxis("x");
            chart1.addAxis("y", {
                vertical: true
            });
            chart1.addSeries("Series 1", [1, 2, 2, 3, 4, 5, 5, 7]);
            chart1.render();
        }
    });
    var DG1 = new DefaultGraph({}, "DefaultGraph"):
    DG1.startup();
});