11:I[15965,["/_next/static/chunks/59afeb3bb4503188.js?dpl=dpl_89EDNMAkCDRzvr5qr7nd6aAgBzRS","/_next/static/chunks/1660bcdb10ec0eab.js?dpl=dpl_89EDNMAkCDRzvr5qr7nd6aAgBzRS","/_next/static/chunks/e315b4696491f6f6.js?dpl=dpl_89EDNMAkCDRzvr5qr7nd6aAgBzRS","/_next/static/chunks/feee627b81c09baf.js?dpl=dpl_89EDNMAkCDRzvr5qr7nd6aAgBzRS"],"ItemTemplate"] 12:T4fa,

Dynamic Bar Chart plugin:

Move your data to dance with dynamic bar chart
Support multiple chart initalization in same page
Create chart cocktail with customizable sizes
Follow your data changes instantly with live json data
Providing avg sum functionality as standard

Sample usage

Initialization:

    $("#barA.box").Bar({
        width: 520, height: 300, 
        title: "WORLD HEALTH <br />ORGANIZATION WEBSITE", 
        logo: "../img/icon1.svg",
        data: [
            { "label": "A", "value": 30, "color": "#FFC991" },
            { "label": "B", "value": 63, "color": "#F17E6B" },
            { "label": "C", "value": 64, "color": "#A7387D" },
            { "label": "D", "value": 57, "color": "#8B4A9C" }
              ],
        label: ["Gen Z", "Millennials", "Gen X", "Boomers"]
    });

Html:

<div id="barA" class="box"></div>

Update data:

    var op = demoData();
    bar.Refresh("barA", op);