Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Javascript Chart Plugins

  • 21-07-2009 12:07PM
    #1
    Chada
    Closed Accounts Posts: 408 ✭✭


    Hi there,

    I've been scouring the web for a suitable javascript chart plugin for a little project i'm doing - unfortunately I've had no luck so far finding one that will fit my solution...

    Basically what I need is a chart plugin that converts html tables to bar charts whilst being compatible with jquery tabbed navigation.

    I've tried visualize link which is almost what i need but it doesn't like it when my jquery tab function hides the tabbed divs.

    It works when i stick it right into the body tag of the html obviously enough though :/

    Any worthwhile suggestions? JScharts looks the part but it isn't free for commercial use (project has a very small budget).

    Any hints appreciated as always,

    Dan


Comments

  • #2
    p
    Registered Users, Registered Users 2 Posts: 2,119 ✭✭✭p


    I'm fairly sure the Dojo toolkit has good charting plugins.

    Also the google charting thing is pretty good too.


  • #3
    Chada
    Closed Accounts Posts: 408 ✭✭Chada


    Hi P,

    Thanks for your input. I decided that I would be better to pass the XML data into arrays and then use a javascript plugin to display the array values.

    The problem I'm having now is that my charts are not displaying thanks to my jquery tabbed navigation....

    I figure it's because the tabs are being set to "display: none" and this is messing up the chart generation...

    I'll keep at it anyways - but if anyone has had any similar experiences please do share :)

    Thanks!

    Dan


  • #4
    Chada
    Closed Accounts Posts: 408 ✭✭Chada


    Sorted :)

    Simply threw the call to create the chart in a javascript function, and called it on a onClick() event of the required tab (thus setting the tab to "display: block", allowing the chart dimensions to be visible, and finally allowing flot to render the chart!)

    Seems so simple now I look back :)

    Hope this helps anyone suffering from the same problem!

    Dan


Advertisement