Jquery chart with dynamic data

[marse.haka91]

I'm new in jQuery charts, can anyone help me please? Below there is a static chart that I must populate with dynamic data. I have create the JSON file with but I don't know how to call these data.

Thanks in advance.

<div class="top-stats-panel">
    <h4 class="widget-h">Daily Sales</h4>
    <div class="bar-stats">
        <ul class="progress-stat-bar clearfix">
            <li data-percent="50%"><span class="progress-stat-percent pink"></span></li>
            <li data-percent="90%"><span class="progress-stat-percent"></span></li>
            <li data-percent="70%"><span class="progress-stat-percent yellow-b"></span></li>
        </ul>
        <ul class="bar-legend">
            <li><span class="bar-legend-pointer pink"></span> New York</li>
            <li><span class="bar-legend-pointer green"></span> Los Angels</li>
            <li><span class="bar-legend-pointer yellow-b"></span> Dallas</li>
        </ul>
        <div class="daily-sales-info">
            <span class="sales-count">1200 </span> <span class="sales-label">Products Sold</span>
        </div>
    </div>
</div>

$(function () {
    "use strict";
    jQuery('.progress-stat-bar li').each(function () {
        jQuery(this).find('.progress-stat-percent').animate({
            height: jQuery(this).attr('data-percent')
        }, 1000);
    });
});