JSFiddle - React, Tailwind, and code Playground

HTML

<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dijit/themes/tundra/tundra.css">
</head>
<body class="tundra">
<div data-dojo-type="dojox.charting.widget.Chart" id="chart1" style="width: 600px; height: 400px;">

</div>
</body>

JavaScript

require(["dojox/charting/Chart", "dojox/charting/axis2d/Default", "dojox/charting/plot2d/Areas", "dojox/charting/action2d/Tooltip", "dojo/ready"],
  function(Chart, Default, Areas, Tooltip, ready){
  ready(function(){
    var chart1 = new Chart("chart1");
      chart1.addPlot("default", {type: Areas, lines: true, areas: true, markers: true, tension : "S"});
    chart1.addAxis("x");
    chart1.addAxis("y", {vertical: true});
      chart1.addSeries("Series 1", [1, 2, 2, 3, 4, 5, 2, 0], {plot: "default", stroke: {color:"blue"}, fill: "lightblue"});
      chart1.addSeries("Series 2", [0, 1, 6, 3, 5, 3, 1, 5], {plot: "default", stroke: {color:"green"}, fill: "lightgreen"});
      
      var tooltip = new Tooltip(chart1, "default", {
          text : function(point){
              console.debug(point);
              return "I'm a point at x = " + point.x + ", y = " + point.y;        
          }              
      });
    chart1.render();
  });
});