JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<div></div>

JavaScript

$.widget("ui.test", {

    options: {
         bars: []
         },

    _create: function () {
  this.element.addClass('bullet-chart');
 
  // chart container
  this._container = $('<div class="chart-container">Test</div>')
    .appendTo(this.element);
        alert(this.options.bars[1]['css']);
  for (var i = 0; i < this.options.bars.length; i++)
  {
       alert(this.options.bars[i]['title']);
       
       
  }
this._setOptions({
     'bars': this.options.bars,
      });
  
} 
 });

$('div').test({  bars: [
    { title: 'Projected Target', value: 75, css: '' },
    { title: 'Actual Target', value: 50, css: 'blue' }
  ]});