JSFiddle - React, Tailwind, and code Playground

by Jedaias Rodrigues

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.js"></script>
<div>
<canvas id="canvas"></canvas>
</div>
<span id="size"></span>
<input type="button" id="btnResize" value="Resize" />

JavaScript

var chart = new Chart($("#canvas").get(0).getContext("2d"))
    .Bar({
    "labels": ["W-3"],
        "datasets": [{
        "label": "",
            "data": [1234.0]
    }]
    }, { maintainAspectRatio: false });

$("#btnResize").click(function () {
    chart.render(true);
    chart.resize();
    chart.draw(); // See #1020: .resize() does not redraw
    $("#size").text($("#canvas").height());
});