Dynamic Horizontal Chart with Javascript (Ratings and Charts)

Download Now

NetBeuz Dynamic Horizontal Chart

-You can create any size, any color, any much of charts charts dynamically and easily.
-NO require knowledge in JavaScript .
-NO css file included.
-NO images.
-Easy Usage.
-Automatic Y axsiss. It creates itself according to max item value.
-You can set link with items.
-You can set nameHolder area’s width percent.
-You can change colors, styles, size of charts. In netbeuz.js file.
-Compatibility for all browsers. (expect border-radius in IE7 /IE8)

USAGE:

Step 1:
All to do is create a html code like below. span>color property is bar’s color. and span>value property is bar’s value.

 <div id="myChart" caption="PROGRAMMING LANGUAGES CHART">
            <ul>
                <li><span color="#b5d600" val="95"><a href="" title="ASP.NET">ASP.NET </a></span></li>
                <li><span color="#c0dcff" val="80"><a href="" title="C#">C# </a></span></li>
                <li><span color="#db7780" val="40"><a href="" title="Php">Php </a></span></li>
                <li><span color="lightgreen" val="60"><a href="" title="Java">Java </a></span></li>
                <li><span color="yellow" val="50"><a href="" title="Python">Python </a></span></li>
                <li><span color="#ffd554" val="84"><a href="" title="XCODE">XCODE </a></span></li>
                <li><span color="#ffe0f7" val="45"><a href="" title="Android">Android </a></span>
                </li>
            </ul>
    </div>

Step 2:
Just one code is enough to run.
myChart(width,height); >

 $("div#myChart").myChart(1000, 400);  

-This item require Jquery library.