JSFiddle - React, Tailwind, and code Playground
HTML
<div id="mychart"></div>
JavaScript
require(["dojo/ready", "dojox/charting/Chart2D","dojox/charting/themes/Claro"], function(ready, Chart,ClaroTheme) {
ready(function() {
var mychart = Chart("mychart");
mychart.title = "My Chart";
mychart.titleFont = "tahoma";
mychart.addPlot("line_plot", {
type: "Lines",
lines: true,
areas: false,
markers: true
});
mychart.addPlot("column_plot", {
type: "Columns",
lines: true,
areas: false,
markers: true
});
mychart.addAxis("x", {
vertical: false
});
mychart.addAxis("y", {
vertical: true
});
mychart.addSeries("line_series", [1, 3, 5, 2, 6, 1, 0, 4, 6, 4, 1], {
plot: "line_plot"
});
mychart.addSeries("column_series", [1, 3, 5, 2, 6, 1, 0, 4, 6, 4, 1], {
plot: "column_plot"
});
mychart.setTheme(ClaroTheme);
mychart.render();
});
});