CodeCanU
← Back to products
JavaScript

Bar Chart

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" }, {…

32.00 USDT

All source code listed on this site is collected from the internet. If any listing infringes your rights, please contact us and we will remove it immediately.

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

Bar Chart

32.00 USDT
Buy now

After successful payment, you will receive a download link for the source code