JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
djConfig="parseOnLoad: true">
</script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
/>
<body class="claro">
<div id="div1"></div>
</body>
JavaScript
dojo.require("dojox.charting.Chart2D");
dojo.require("dojox.charting.themes.Wetland");
dojo.addOnLoad(function() {
var c = new dojox.charting.Chart2D("div1");
c.addPlot("default", {type: "StackedAreas", tension: 3 })
c.addAxis("x", {fixLower: "major", fixUpper: "major" })
c.addAxis("y", {vertical: true, fixLower: "major", fixUpper: "major", min: 0 })
c.setTheme(dojox.charting.themes.Wetland)
c.addSeries("Series A", [1, 2, 0.5, 1.5, 1, 2.5, 0.4])
c.addSeries("Series B", [1.5, 1.5, 0.5, 1, 1.4, 0.7, 2])
c.addSeries("Series C", [0.5, 0.5, 1, 0.5, 1.4, 1.7, 2])
c.render();
});