Dynamic Bar Chart plugin:

• Transfer your knowledge to bounce with dynamic bar chart
• Assist a number of chart initalization in similar web page
• Create chart cocktail with customizable sizes
• Comply with your knowledge modifications immediately with dwell json knowledge
• Offering avg sum performance as commonplace

Pattern utilization

Initialization:

    $("#barA.field").Bar({
        width: 520, peak: 300, 
        title: "WORLD HEALTH <br />ORGANIZATION WEBSITE", 
        brand: "../img/icon1.svg",
        knowledge: [
            { "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="field"></div>

Replace knowledge:

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