kapantzak / barindicator Goto Github PK
View Code? Open in Web Editor NEWThis is a jQuery plugin that helps you visualize numeric data (percentage or absolute numbers) in to bars.
License: MIT License
This is a jQuery plugin that helps you visualize numeric data (percentage or absolute numbers) in to bars.
License: MIT License
Display the starting and ending point of the bar in labels
Add unique data-biID to every element
Here's an example of the mid bar not working correctly when numMax is 50 or below (actually it doesn't work for anything below 100 it seems). Not only is the bar at the wrong place, but when <50, the bar is off the chart. My use case: I need bars to represent heights of people in a competition. I effectively want the bar to range from 36 inches to 48 inches.
var opt = { numType: 'absolute', numMin:0, numMax:50, numMinLabel: true, numMaxLabel:true };
$('#bar1').barIndicator(opt);
49
40
var opt = { numType: 'absolute', numMin:0, numMax:48, numMinLabel: true, numMaxLabel:true };
$('#bar1').barIndicator(opt);
Uncaught TypeError: newNum.replace is not a function
--> loadNewData() --> storedData['num'] = newNum.replace('%',''); (error in this line)
New line:
storedData['num'] = parseFloat(newNum);
On destroy and then on init, the animation won't work
data-lbnum is left on 'destroy'
It does not work with Chrome Version 51 it works perfect with Firefox. There is no error on console simply inner bar is not displayed (no width param is set)
Give the option to pass a class into the options object (avgGroupClass) in order to calculate the average of this group
Trigger event with the specific element's id
Like the title says, when I take a label with a bigger size - for example with an image - the hover event won't be only triggered when I pass the mlHoverRange in the bar; the hover event also starts when I pass the "real" position of the image/milestone label.
I can't even hack myself into this with z-indexes.
Hi, the getPluginData getter method doesn't work with Jquery version 3..
Calculate the average amount of the given group and display it on a milestone on each bar.
Set the bar color according to the calculated average amount
Add options
Add methods etc
foreColor doesn't get applied
Display a min / max label on the min/max value of a given group --> OK
--> Bug: onlimLabelPos: 'title'
Enable data attributes feature (pass options via data attributes)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.