JSFiddle - React, Tailwind, and code Playground

by Sanchit Jain

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://www.stocinn.com/stoccharts/js/stocChart.js"></script>
<div id='draw3DPyramidChartWithoutSlice'></div>

CSS

#draw3DPyramidChartWithoutSlice {
    width:800px;
    height:400px;
}

JavaScript

var colorArray1 = ["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", "#8c564b", "#e377c2", "#7f7f7f", "#bcbd22"];
var data1 = [200, 150, 100, 100, 202, 201, 50];

var labelArray = ["DUSTER", "Qualis", "Scorpio", "Eco Sport", "Honda city", "Altis", "EON"];
var confg1 = {
    "data": data1,
    "colorArray": colorArray1,
    "labels": labelArray,
    "unit": "M$"
};

$(document).ready(function () {
  
    var stocChart20=$("#draw3DPyramidChartWithoutSlice").stocCharts();
		stocChart20.draw3DPyramidChartWithoutSlice(confg1);

});