JSFiddle - React, Tailwind, and code Playground

by jeanlescure

HTML

<link rel="stylesheet" href="http://about-local.bankofamerica.com/jmvc/csrreport/css/open-content.css">
<script src="http://about-local.bankofamerica.com/jmvc/csrreport/components/raphael.js"></script>
<script src="http://about-local.bankofamerica.com/charts/js/bar.js"></script>
<div id="graphic-gas-emissions-sustainability" class="chart bar-holder"><div class="bar"></div>
<div class="values"><span class="value-set"> <span class="label">2010abcdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span> <span class="value">1787995</span> </span> <span class="value-set"> <span class="label">2011</span> <span class="value">1682105</span> </span> <span class="value-set"> <span class="label">2012</span> <span class="value">1536365</span> </span></div>
<div class="settings"><span class="barColor">"#a4988b"</span> <span class="labelColor">"#111111"</span> <span class="valueColor">"#0d7ec4"</span> <span class="drawTextMethod">1</span> <span class="drawGrid">false</span> <span class="barPadding">10</span> <span class="fontSize">16</span> <span class="barPadding">5</span> <span class="animate">false</span></div>
</div>
<br/>
<br/>
<div id="graphic-gas-emissions-sustainability" class="chart bar-holder"><div class="bar"></div>
<div class="values"><span class="value-set"> <span class="label">2012</span> <span class="value">1787995</span> </span> <span class="value-set"> <span class="label">2011</span> <span class="value">1682105</span> </span> <span class="value-set"> <span class="label">2012</span> <span class="value">1536365</span> </span></div>
<div class="settings"><span class="barColor">"#a4988b"</span> <span class="labelColor">"#000000"</span> <span class="valueColor">"#0d7ec4"</span> <span class="drawTextMethod">1</span> <span class="drawGrid">false</span> <span class="barPadding">10</span> <span class="fontSize">10</span> <span class="barPadding">5</span> <span class="animate">false</span></div>
</div>

JavaScript

$(window).ready(function(){
    $('.chart').each(function(idx,el){
        $(el).find(".bar").barChart({});
    });
});