did it work for ya On Tue, Sep 2, 2008 at 5:31 PM, faizal iqbaal <[EMAIL PROTECTED]>wrote:
> > //modiefd ur file copy the code and run it > > > /**************/ > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " > http://www.w3.org/TR/html4/loose.dtd";> > <html> > <head> > <style type="text/css"> > > #graphHolder { > border: none; > padding: 0px; > margin: 10px; > height: 200px; > width: 400px; > font-family: tahoma; > font-size: 11px; > } > > #curveData { > margin: 10px; > } > > </style> > <title></title> > <script language="JavaScript" type="text/javascript" > src="jquery.js"></script> > <script language="JavaScript" type="text/javascript" > src="jquery.flot.js"></script> > <!--[if IE]><script language="javascript" type="text/javascript" > src="../version/scripts/flot/excanvas.js"></script><![endif]--> > > > <script type="text/javascript"> > > > > $().ready(function(){ > > $.plot($("#graphHolder"),[]); > > $('#curveData input').change(function() { > var d1 = []; > $('#curveData tbody tr').each(function() { > tr = $(this); > pair = []; > tr.find('input.qty').val() && > tr.find('input.price').val() && pair.push( tr.find('input.qty').val(), > tr.find('input.price').val() ) && d1.push( pair ); > }); > > var chartOptions={ > yaxis: { min:0 }, > color: "#bb0000", > data: d1, > points: { show: true }, > lines: { show: true, fill: true, fillColor: > "rgba(255, 000, 000, 0.2)" } > } ; > > > /* > $.plot($("#graphHolder"), [ > { > yaxis: { min:0 }, > color: "#bb0000", > data: d1, > points: { show: true }, > lines: { show: true, fill: true, fillColor: > "rgba(255, 000, 000, 0.2)" } > } > ]); > */ > $.plot($("#graphHolder"), [{ data: d1, > color:"#bb0000"}],$.extend(true, {}, chartOptions, {yaxis: { min: 0 }})); > > }); > > > }); > </script> > > > > </head> > <body> > <table cellpadding="0" cellspacing="0" id="curveData"> > <thead> > <tr> > <th>#</th> > <th>Quantity</th> > > <th>Price</th> > </tr> > </thead> > <tbody> > <tr> > <td>1</td> > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > > </tr> > <tr> > <td>2</td> > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > </tr> > <tr> > <td>3</td> > > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > </tr> > <tr> > <td>4</td> > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > </tr> > > <tr> > <td>5</td> > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > </tr> > <tr> > <td>6</td> > <td><input type="text" class="qty" > size="8"></input></td> > > <td><input type="text" class="price" > size="8"></input></td> > </tr> > <tr> > <td>7</td> > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > </tr> > <tr> > > <td>8</td> > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > </tr> > <tr> > <td>9</td> > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > > </tr> > <tr> > <td>10</td> > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > </tr> > <tr> > <td>11</td> > > <td><input type="text" class="qty" > size="8"></input></td> > <td><input type="text" class="price" > size="8"></input></td> > </tr> > </tbody> > </table> > > <!--<button id="plot">Plot Graph</button>--> > > <div id="graphHolder" width="300px" height="300px"></div> > > </body> > > </html> > > > > > > > /**************/ > > > > > > > > On Tue, Sep 2, 2008 at 4:49 PM, rolfsf <[EMAIL PROTECTED]> wrote: > >> >> Thanks Faizal >> >> I tried setting the x and y axis with the min option, but it doesn't >> seem to work... perhaps I've got some syntax wrong >> >> http://monkeypuzzle.net/testfiles/jquery/flot/flot-test-3.htm >> >> >> >> >> > > > -- > Thanks & Regards > Faizal > (001)919 889 1980 > when nothing works , prayer does. > -- Thanks & Regards Faizal (001)919 889 1980 when nothing works , prayer does.
