JSFiddle - React, Tailwind, and code Playground

by Yosef Waysman

HTML

<link rel="stylesheet" href="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">
<script src="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
<p class="ct-chart" id="kaka">a</p>

JavaScript

var general =     
        {
            horizontalBars: true,
            reverseData: true,
            high: 4,
            axisX: {
              showGrid: false,
              position: 'end',
              onlyInteger: true,
            },
            axisY: {
              showGrid: false,
              offset: 100
            }
        };
    var specific =  $.extend({},general,{high:2,reverseData:false});
        
    $("#kaka").html(JSON.stringify(specific));