Source 

                
<script type="text/javascript">
    $(function() {
        $("#chart_div_jqui").ddBarChart({
             chartData: {
                            "COLUMNS":["X_BAR_LABEL","X_BAR_VALUE","TOOL_TIP_TITLE"],
                            "DATA":[
                                ["Tom",1238,"Tom ^ "],
                                ["Dick",1069,"Dick ^ "],
                                ["Harry",1214,"Harry ^ "],
                                ["Mary",1262,"Mary ^ "],
                                ["Louise",1975,"Louise ^ "],
                                ["Sue",1076,"Sue ^ "]
                            ]
                        }, 
             chartContext: "Sales",
             xOddClass: "ui-state-active",
             xEvenClass: "ui-state-default",
             yOddClass: "ui-state-active",
             yEvenClass: "ui-state-default",
             xWrapperClass: "ui-widget-content",
             chartWrapperClass: "ui-widget-content",
             chartBarClass: "ui-state-focus ui-corner-top",
             chartBarHoverClass: "ui-state-highlight",
             tooltipSettings: {extraClass: "ui-widget ui-widget-content ui-corner-all"}
        });
    });
</script>
<div id="chart_main_div" style="position:relative; width:100%; height:100%">
</div>