c# - google chart mouse over on x-axis values coming behind div -


added image:

http://i.stack.imgur.com/wc0x2.png

aspx code:

 {              datatable dt = new datatable();             datatable dt1 = new datatable();             dt = data1;              // scriptmanager scriptmanager = scriptmanager.getcurrent(control);             list<dataitem> datalist = new list<dataitem>();             datalist.clear();              (int = 0; < dt.rows.count; i++)             {                  float f1 = float.parse(dt.rows[i].itemarray[4].tostring(), cultureinfo.invariantculture.numberformat);                 float s1 = float.parse(dt.rows[i].itemarray[5].tostring(), cultureinfo.invariantculture.numberformat);                 datalist.add(new dataitem(dt.rows[i].itemarray[0].tostring(), f1 / 100, s1 / 100));             }             javascriptserializer jss = new javascriptserializer();              scriptmanager.registerstartupscript(page, this.gettype(), "bodyonloadscript11122",             string.format("<script type=\"text/javascript\">drawvisualization2({0},{1},{2});</script>", jss.serialize(datalist),850,800), false);             jss.serialize(datalist);          }

java script code:

    function drawvisualization2(datavalues,val1,val2) {         var data = new google.visualization.datatable();         data.addcolumn('string', 'column name');         data.addcolumn('number', 'class average');         data.addcolumn('number', 'child score');          (var = 0; < datavalues.length; i++) {             data.addrow([datavalues[i].columnname, datavalues[i].value1, datavalues[i].value2]);         }          var options = {             title: 'competency performance',             width: val2,             height: val1,             haxis: { title: 'competency', titletextstyle: { color: 'red', fontsize: 15 }, format: '###.#%', textstyle: { fontsize: 12 }             },             bar: { groupwidth: "25%" },             vaxis: { textstyle: { fontsize: 12 }             }         };           var formatter = new google.visualization.numberformat({ pattern: '###.#%' });         formatter.format(data, 1);         formatter.format(data, 2);           new google.visualization.barchart(document.getelementbyid('visualization2')).             draw(data, options);     }   </script>

html code:

 <tr>                 <td class="style1" valign="top" align="center">                     <div style="overflow:auto; width: 815px; height: 415px;" >                     <div id="visualization2" style=" background-color:#e7e6e6;"></div>                     </div>                 </td>              </tr>

this complete code.i not able find problem.google chart mouse on over x-axis values coming behind div.anyone me resolve error.thank ......................................................................................................................................................................................................

there 2 possible solutions this:

  1. you can remove center alignment div follows:

    td class="style1" valign="top" align="left"

  2. or, can hold center alignment , add this:

    td class="style1" valign="top" align="center" style='display: inline-block'


Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

javascript - jQuery show full size image on click -

pretty self explanatory not workking . i want display full image when user click on image... yes know there tons of plugins but i want keep simple. any idea ? css : .full { display: none; width: 500px; height: 500px; margin-left: 100px; margin-top: -300px; position: fixed; background-color: #f00; z-index: 6; } .thumbnail { width: 50px; height: 50px; } html: <img class="thumbnail" src="http://4.bp.blogspot.com/-uhbdp2esxng/txneptvi92i/aaaaaaaaaky/upfqis7zto0/s1600/rihanna-wallpaper.jpg"> jquery: $(document).ready(function() { $('.thumbnail').on('click', function() { var img = $('<img />',{src:this.src,'class':'full'}); $('.full').html(img).show(); console.log('done!'); }); }); try looking how jquery works. $(document).ready(function() { $('.thumbnail').on('click', function(...
Read more