Bar Chart icon

Bar Chart

Hot or Not
Bar Chart

Description

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);

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.