CodeCanyon

GraphUp - jQuery Plugin

  • Has been a member for 2-3 years
  • Beta Tester
  • Exclusive Author
  • Sold between 5 000 and 10 000 dollars
  • Bought between 50 and 99 items
  • India
  • Referred between 10 and 49 users
HaziqMir says

This is cool stuff! Bookmarked :)

2 years ago
Author
GeertDD GeertDD replied

:-)

2 years ago
  • Has been a member for 1-2 years
  • Bought between 50 and 99 items
ronmkraft says

How difficult to integrate into wordpress?

1 year ago
Author
GeertDD GeertDD replied

Should be easy. Load jQuery and the plugin, then it is just a matter of applying it to a data table. Have a look at the installation instructions before you buy if in doubt. Installing it on a WordPress site should not be more difficult/easy than another site. Let me know if you have questions.

1 year ago
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
namhost says
Purchased

With which version of Jquery does this bullshit work? It doesnt seem to work with old version of Jquery, and therefore wont’ work with Drupal.

1 year ago
Author
GeertDD GeertDD replied

Please, mind your tone, sir. It should work with jQuery 1.4+, as stated in the description.

1 year ago
  • Has been a member for 2-3 years
  • Bought between 10 and 49 items
  • Spain
albertocal says
Purchased

Hi, I would like to know if there’s a way to assign a specific color to a bar, instead of the colors being picked up from a gradient.

Thanks, great work.

1 year ago
Author
GeertDD GeertDD replied

You mean to use a single color instead of a gradient? That’s possible. Just assign one color to the colorMap setting. All bars will be that color.

You can further tweak the look of the bars via CSS . The classBar setting allows you to define a class to each bar for easy styling.

1 year ago
  • Has been a member for 2-3 years
  • Bought between 10 and 49 items
  • Spain
albertocal says
Purchased

The thing is, I have 5 bars and I need each of them to be one specific color: one is red, another blue, green, yellow and orange. If I assign those colors to the colorMap it creates a gradient and assigns a color from the gradient, not the ones I specified. If two bars have an indentical number, they will be the same color.

And if I assign a css class it will affect all of the bars, not each one individually, won’t it?

I hope I made myself clear. Excuse my English, not my mother tongue. Thanks

1 year ago
Author
GeertDD GeertDD replied

Okay, I understand. Maybe you could give the table cells five unique IDs or classes and then use CSS to select each individual bar that way. Alternatively, a selector like :nth-child may come in handy too.

1 year ago
  • Has been a member for 2-3 years
  • Bought between 10 and 49 items
  • Spain
albertocal says
Purchased

Ok, my problem was that I didn’t think I could override the inline styles the javascript generates. But I’ve fount out that it can be done with !important.

In case it can be useful for somebody: use a class or an id, and then apply a style to the div using !important: table td.green div.bar{ background: #80AD20 !important; }

1 year ago
Author
GeertDD GeertDD replied

Good to hear you figured it out. Good job!

1 year ago
  • Has been a member for 2-3 years
  • Bought between 1 and 9 items
MarcMez says
Purchased

Bought this and it works nice. However, one thing I noticed is that when the heatmap changes color, the font color stays the same and can often become unreadable. Is there a suggested work around?

A nice feature be to inverse the font color (eg. black text turns white) since black text become hard to read on the red.

11 months ago
Author
GeertDD GeertDD replied

I think it’d be easiest if you added some custom CSS to define the new color. You are right that this is not automated in the plugin.

11 months ago
  • Has been a member for 0-1 years
bbsolutions says

Hello, Before I buy, I’d like to know how the plugin deals with negative numbers. Ideally, I’d like negative bars to go the opposite way to positive bars. Is this possible?

Thanks, Andrew

9 months ago
Author
GeertDD GeertDD replied

Sorry, this is not a built-in feature. You may be able to create your own painters to accomplish it but you’ll need some javascript/CSS skills.

7 months ago
  • Has been a member for 0-1 years
mrsteveclarke says

hi,

doesn’t work on tables echoed in php… :(

7 months ago
Author
GeertDD GeertDD replied

Why not? How you generate your HTML tables on the serverside should not be of influence to the script on the clientside. Feel free to clarify your problem if needed. Thanks.

7 months ago
  • Has been a member for 1-2 years
  • Exclusive Author
  • Bought between 10 and 49 items
marksen says
Purchased

hi there. great script!!! i wonder if it is possible to connect to a mysql database…catch the data from the tables and use the script for presentation? it woul be great if you could give me any advice on that one. best wishes!

5 months ago
Author
GeertDD GeertDD replied

Hi, thanks. Well, GraphUp just needs an HTML table filled with data. If your data is stored in a database, you need to find a way (with PHP for example) to generate a table from that data. From that point GraphUp takes over.

5 months ago
  • Has been a member for 3-4 years
  • Bought between 10 and 49 items
  • Poland
grzegorz_d says

Hello, is it possible to animate the graph using jquery?

Regards,

Greg

3 months ago
Author
GeertDD GeertDD replied

Hi Greg, animating the graphs is not a built-in option. The graphs (bars, circles, whatever) are given an explicit width/height immediately when the plugin does its magic. If you don’t mind to dig into the plugin’s code and know some jQuery, it is a matter of calling jQuery’s animate() method when the graphs are built.

3 months ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
illusivefingers says
Purchased

Hi, I purchased a license yesterday. Great tool! Are you planning on continuing feature development? If so, I would love to see the capability to reverse the color maps and bubble sizing (i.e. Bubbles get smaller and move toward end of spectrum with larger numbers) etc. Forgive me if this feature is already implemented and I have not done enough research. Thanks!

3 months ago
Author
GeertDD GeertDD replied

Hi, thanks for your comment. You can define your own color maps, that way you can pick any color in any order you like, then use that name for the “colorMap” option when initializing GraphUp, for example:

$.fn.graphup.colorMaps.myGradient = [[0,0,0], [255,255,255]];

You can also create your own painters in a very similar way. If you copy the “bubbles” painter and then change the way the diameter is calculated you should get a long way. I encourage you to take a look at the code, it is well commented. Thanks!

2 months ago

by
by
by
by
by