Hi,

I purchased this nice product, however i do have some questions:

How can i dynamically adjust the hight/values of the bars. This is now done using hardcoded px. Is there a possibility to adjust this dynamically, e.g., using tags of other software plugins?

Cheers, R.

Hi,

Will this script be able display data from a mysql database?

Very nice. Would i be able to use these graphs in Cueburst (I sell it on here) Or would i need an extended license? I didn’t see an option…

Thanks, Cueburst

Any plans for an extended license to be usable in softwares?

really nice but on screen shot 6 the lowest one should have the lighter circle on top of the darker…

I made this dynamic in my .NET project. It would be similar code for PHP .

// The tuple is : QuestionName, Value, Value formatted

 public static string generateBarGraph(string graphId, string questionName, List<Tuple<string, double, string>> graphList)
        {
            string str = "<!-- css bar graph -->" 
            + "         <div id=\"" + graphId + "\" class=\"css_bar_graph\" style=\"width: " + (graphList.Count() * 104).ToString() + "px\">" 

        graphList.ForEach(a => 
                    {
                       str += "<li>" + a.Item1 + "</li>";
                    });

  int counter = 1;
                  graphList.ForEach(a => 
                    {
                       str += "<li class=\"bar nr_" + counter.ToString() + " blue\" style=\"height: " 
                           + Convert.ToInt32(Math.Floor((250d * a.Item2))).ToString() 
                           + "px;\"><div class="\\"top\"></div><div class="\\"bottom\"></div><span>" + a.Item3 + "</span>";
                       counter++;
                    });

Hi altiux I was able to scale the size of the graph like this in the css: div.css_bar_graph {

-webkit-transform: scale(.80); -moz-transform: scale(.80); transform:scale(.80);

When I added those I got the graph to show up at 80% of it’s original size.

Is there an easy way to resize the graph size. I have been trying to make it smaller.

I totally disliked the CSS approach for setting the values. It looks gorgeous, but usage is near to 0. Sorry

Is their a way to get the charts to hold 30 bars for 30 day statistics without having to go through and adding CSS values for nr_13 – nr_30?

This is for example 6 by the way.

Thanks.

Animation support would be very, very cool indeed.

Looks nice

@cfoinfo If you wanted to do this with arrays you could do something like this:

etc etc.

Hope this helps

This looks amazing!! Nice work!

If I’m populating the X and Y axes from php arrays how do I specify the height of the bars? It looks like you have to do this explicitly when you don’t know what data will populate the X and Y axes. Or is this not intended to be populated from a database query just hardcoded in the html?

Very nice presentation and I would consider using it but would like to see examples of what it would look like in IE 7 and IE8 . You indicate no shadows or rounded corners but I am assuming that does not apply to the chart tubes, or does it? Any screen shots or links that I can view with IE 7 or 8 would be appreciated as many of my clients still use that browser (unfortunately). thanks

Very nice

Would be nice to have the initial load do a jquery animation or something from 0 to the height for each bar

will there also be a horizontal version?

Wow. Really nice.