JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://bitbucket.org/cleonello/jqplot/raw/dd65cd032132/src/jquery.jqplot.js"></script>
<script src="https://bitbucket.org/cleonello/jqplot/raw/dd65cd032132/src/plugins/jqplot.barRenderer.js"></script>
<script src="https://bitbucket.org/cleonello/jqplot/raw/dd65cd032132/src/plugins/jqplot.categoryAxisRenderer.js"></script>
<div id="chart1"></div>
JavaScript
var alphabet=["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","R","S","T","U","V","W","Z"];
function zufallszahl(min,max)
{
return(min+Math.floor(Math.random()*(max-min)));
}
var buchstabenzahl = alphabet.length;
var samples = [];
for (var i = 0; i < buchstabenzahl; i++) {
samples[i] = 0;
}
for (var i = 0; i < 1000000; i++) {
var zufall=zufallszahl(0,buchstabenzahl);
samples[zufall]++;
}
$(document).ready(function(){
var s1 = samples;
var ticks = alphabet;
plot1 = $.jqplot('chart1', [s1], {
seriesDefaults:{
renderer:$.jqplot.BarRenderer
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
}
}
});
});