JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://testerix.site90.com/chart/chart.min.js"></script>
<script src="http://testerix.site90.com/chart/chart-option.js"></script>
<div class="row">
    <div class="col-lg-6">
        
        <div class="panel panel-default">
            
            <div class="panel-heading">
                <h3 class="panel-title">My chart</h3>
            </div><!-- /panel-heading -->
            
            <div class="panel-body">
                
                <canvas id="chart2" height="110" width="800"></canvas>
                
            </div><!-- /panel-body -->
            
        </div><!-- /panel-primary -->
        
    </div><!-- /col-lg-6 -->
</div> <!-- /row -->

CSS

/* import bootstrap */
@import url('http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css');

JavaScript

var data = {
    labels : ["Something #1","Something #2","Something #3"], 
    datasets : [
        {
            fillColor : "rgba(224, 34, 34, 0.5)",
            strokeColor : "#830505",
            data : [1500,1500,1500]
        }
    ]
}
respChart($("#chart2"),data);