JSFiddle - React, Tailwind, and code Playground
HTML
<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/jquery.jqplot.js"></script>
<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.cursor.js"></script>
<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.highlighter.js"></script>
<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.categoryAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.canvasAxisTickRenderer.js"></script>
<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.canvasTextRenderer.js"></script>
<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.canvasAxisLabelRenderer.js"></script>
<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.pointLabels.js"></script>
<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.barRenderer.js"></script>
<div id="bar_chart"></div>
<h1>Mocking AJAX on jsfiddle</h1>
<div id="ajax"></div>
JavaScript
var jsonData = {
"a": 10,
"b": 20
};
alert(JSON.stringify(jsonData));
var ajaxDataRenderer = function (url, plot, options) {
var ret = null;
$.ajax({
type: 'POST',
dataType: 'json',
url: jsonurl,
async: false,
data: {
json: JSON.stringify(jsonData)
},
success: function (data) {
var array = $.map(data, function(value, index) {
return [value];
});
$('#ajax').append(data.a).append( ['<br/>',data.b].join('') );
ret = [array];
}
});
alert(rel);
return ret;
};
var jsonurl = "/echo/json/";
var plot1 = $.jqplot('bar_chart', jsonurl, {
title: "AJAX JSON Data Renderer",
dataRenderer: ajaxDataRenderer,
dataRendererOptions: {
unusedOptionalUrl: jsonurl
}
});