Hi does know one have any ideas to help?


On Friday, April 3, 2015 at 5:37:00 PM UTC-4, Todd Lee wrote:
>
> Hi.  I have a sortable table that has worked for months with no problems. 
>  I have not changed any code yet the table is misbehaving.  Has something 
> happened to the google visualizer?
> The table for some reason is half the width and the table scroll bar 
> appears to go side to side.  Obviously I this was not the case and the only 
> time the scroll bar ever came up before was if the webpage was zoomed in 
> too far.
> I have included a screen capture of how it looks like.
>
>
> <https://lh3.googleusercontent.com/-Md0NGJBUOSE/VR8H2oI1jKI/AAAAAAAAARM/d3ee-4N4pHU/s1600/Capture%2Btable%2Btoo%2Bthin.JPG>
> Also, below I have included the code that I use.
>
> And thank you very much for any help
> Todd
>
>
> <!--
> You are free to copy and use this sample in accordance with the terms of 
> the
> Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
> -->
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
> http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head>
>   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
>   <title>Google Visualization API Sample</title>
>   <script type="text/javascript" src="http://www.google.com/jsapi
> "></script>
>   <script type="text/javascript">
>     google.load('visualization', '1', {packages: ['table']});
>     function drawVisualization() {
>       // Create and populate the data table.
>       var data = google.visualization.arrayToDataTable([
>         ['<b><center>Address</center></b>', 
> '<b><center>Website</center></b>', 
> '<b><center>Condo</center></b>','<b><center>Neighborhood</center></b>', 
> '<b><center>Year</center></b>','<b><center>Floors</center></b>','<b><center>Starting
>  
> Sq.Ft.</center></b>','<b><center>Starting 
> Price</center></b>','<b><center>Starting Fee</center></b>','<b><center>Heat 
> Incl</center></b>','<b><center>Hydro Incl</center></b>', 
> '<b><center>Starting Rent</center></b>'],
>
> [{v:1,f:'<center>20 Cherrytree Dr East</center>'}, 
> '/brampton/20-cherrytree-dr-east/crown-west-condo', '<center>Crown West 
> Condo</center>','<center>Fletchers Creek 
> South</center>','<center>1988</center>', 
> {v:16,f:'<center>16</center>'},{v:950,f:'<center>950</center>'},'<center>$176,500</center>','<center>$661</center>','<center>YES</center>','<center>YES</center>','<center>$1,450</center>'],
>
> [{v:2,f:'<center>58 Church St East</center>'}, 
> 'brampton/58-church-st-west/hallmark-place-condo', '<center>Hallmark Place 
> Condo</center>','<center>Downtown Brampton</center>','<center>NA</center>', 
> {v:13,f:'<center>13</center>'},{v:1450,f:'<center>1,450</center>'},'<center>$300,000</center>','<center>$640</center>','<center>YES</center>','<center>YES</center>','<center>$1,500</center>'],
>
> [{v:3,f:'<center>100 County Court</center>'}, 
> '/brampton/100-county-court/crown-east-condo', '<center>Crown East 
> Condo</center>','<center>Fletchers Creek 
> South</center>','<center>1987</center>',{v:20,f:'<center>20</center>'},{v:1100,f:'<center>1,100</center>'},'<center>$205,000</center>','<center>$638</center>','<center>YES</center>','<center>YES</center>','<center>$1,500</center>'],
>
>
> [{v:4,f:'<center>9 George St North</center>'}, 
> '/brampton/9-george-st-north/renaissance-condo', '<center>Renaissance 
> Condo</center>','<center>Downtown 
> Brampton</center>','<center>2011</center>',{v:27,f:'<center>27</center>'},{v:650,f:'<center>650</center>'},'<center>$200,000</center>','<center>$257</center>','<center>YES</center>','<center>NO</center>','<center>$1,100</center>'],
>
>
> [{v:5,f:'<center>22 Hanover Rd</center>'}, 
> '/brampton/22-hanover-rd/bellaire-on-the-park-2-condo', '<center>Bellaire 
> On The Park 2 Condo</center>','<center>Queen Street 
> Corridor</center>','<center>1990</center>',{v:24,f:'<center>24</center>'},{v:750,f:'<center>750</center>'},'<center>$182,000</center>','<center>$381</center>','<center>YES</center>','<center>YES</center>','<center>$1350</center>'],
>
> [{v:6,f:'<center>24 Hanover Rd</center>'}, 
> '/brampton/24-hanover-rd/bellair-on-the-park-3-condo', '<center>Bellair On 
> The Park 3 Condo</center>','<center>Queen Street 
> Corridor</center>','<center>1990</center>',{v:22,f:'<center>22</center>'},{v:750,f:'<center>750</center>'},'<center>$172,000</center>','<center>$402</center>','<center>YES</center>','<center>YES</center>','<center>$1,300</center>'],
>
> [{v:7,f:'<center>26 Hanover Rd</center>'}, 
> '/brampton/26-hanover-rd/bellair-on-the-park-1-condo', '<center>Bellair On 
> The Park 1 Condo</center>','<center>Queen Street 
> Corridor</center>','<center>1988</center>',{v:16,f:'<center>16</center>'},{v:850,f:'<center>850</center>'},'<center>$165,000</center>','<center>$430</center>','<center>YES</center>','<center>YES</center>','<center>$1,200</center>'],
>
> [{v:8,f:'<center>100 John St</center>'}, 
> '/brampton/100-john-street/park-place-condo', '<center>Park Place 
> Condo</center>','<center>Downtown 
> Brampton</center>','<center>2011</center>',{v:27,f:'<center>27</center>'},{v:650,f:'<center>650</center>'},'<center>$220,000</center>','<center>$260</center>','<center>NO</center>','<center>NO</center>','<center>$1,200</center>'],
>
> [{v:9,f:'<center>18 Kensington Rd</center>'}, 
> '/brampton/18-kensington-rd/kensington-towers-1-condo', '<center>Kensington 
> Towers 1</center>','<center>Queen Street 
> Corridor</center>','<center>1976</center>',{v:25,f:'<center>25</center>'},{v:750,f:'<center>750</center>'},'<center>$135,000</center>','<center>$425</center>','<center>YES</center>','<center>YES</center>','<center>$1,200</center>'],
>
> [{v:10,f:'<center>25 Kensington Rd</center>'}, 
> '/brampton/25-kensington-rd/kensington-towers-2-condo', '<center>Kensington 
> Towers 2</center>','<center>Queen Street 
> Corridor</center>','<center>1975</center>',{v:18,f:'<center>18</center>'},{v:950,f:'<center>950</center>'},'<center>$155,000</center>','<center>$392</center>','<center>YES</center>','<center>NO</center>','<center>$1,275</center>'],
>
> [{v:11,f:'<center>10 Laurelcrest St</center>'}, 
> '/brampton/10-laurelcrest-st-condo', '<center>10 Laurelcrest St 
> Condo</center>','<center>Queen Street 
> Corridor</center>','<center>1990</center>', 
> {v:12,f:'<center>12</center>'},{v:650,f:'<center>650</center>'},'<center>$172,000</center>','<center>$400</center>','<center>YES</center>','<center>YES</center>','<center>$1,400</center>'],
>
> [{v:12,f:'<center>12 Laurelcrest St</center>'}, 
> '/brampton/12-laurelcrest-st-condo', '<center>12 Laurelcrest St 
> Condo</center>','<center>Queen Street 
> Corridor</center>','<center>1990</center>', 
> {v:12,f:'<center>12</center>'},{v:650,f:'<center>650</center>'},'<center>$168,000</center>','<center>$400</center>','<center>YES</center>','<center>YES</center>','<center>$1,250</center>'],
>
> [{v:13,f:'<center>4 Lisa St</center>'}, 
> '/brampton/4-lisa-st/almore-park-tower-east-condo', '<center>Almore Park 
> Tower East Condo</center>','<center>Queen Street 
> Corridor</center>','<center>1989</center>', 
> {v:14,f:'<center>14</center>'},{v:850,f:'<center>850</center>'},'<center>$137,000</center>','<center>$475</center>','<center>YES</center>','<center>YES</center>','<center>$1,200</center>'],
>
> [{v:14,f:'<center>5 Lisa St</center>'}, 
> '/brampton/5-lisa-st/regency-condo', '<center>Regency 
> Condo</center>','<center>Queen Street 
> Corridor</center>','<center>NA</center>', 
> {v:15,f:'<center>15</center>'},{v:1100,f:'<center>1,100</center>'},'<center>$175,500</center>','<center>$575</center>','<center>YES</center>','<center>YES</center>','<center>$1,500</center>'],
>
> [{v:15,f:'<center>8 Lisa St</center>'}, 
> '/brampton/8-lisa-st/ritz-tower-south-condo', '<center>Ritz Tower South 
> Condo</center>','<center>Queen Street 
> Corridor</center>','<center>1981</center>', 
> {v:28,f:'<center>28</center>'},{v:1100,f:'<center>1,100</center>'},'<center>$145,000</center>','<center>$613</center>','<center>YES</center>','<center>YES</center>','<center>$1,500</center>'],
>
> [{v:16,f:'<center>10 Malta Ave</center>'}, 
> '/brampton/10-malta-ave/coronation-condo', '<center>Coronation 
> Condo</center>','<center>Fletchers Creek 
> South</center>','<center>1990</center>', 
> {v:17,f:'<center>17</center>'},{v:1300,f:'<center>1,300</center>'},'<center>$197,000</center>','<center>$628</center>','<center>YES</center>','<center>YES</center>','<center>$1,450</center>'],
>
> [{v:17,f:'<center>30 Malta Ave</center>'}, 
> '/brampton/30-malta-ave/imperial-condo', '<center>Imperial 
> Condo</center>','<center>Fletchers Creek 
> South</center>','<center>1991</center>', 
> {v:23,f:'<center>23</center>'},{v:1300,f:'<center>1,300</center>'},'<center>$200,000</center>','<center>$565</center>','<center>YES</center>','<center>YES</center>','<center>$1,475</center>'],
>
> [{v:18,f:'<center>8351 Mclaughlin Rd</center>'}, 
> '/brampton/8351-mclaughlin-rd/camelot-on-the-park-condo', '<center>Camelot 
> On the Park Condo</center>','<center>Brampton 
> South</center>','<center>1990</center>', 
> {v:4,f:'<center>4</center>'},{v:550,f:'<center>550</center>'},'<center>$132,500</center>','<center>$271</center>','<center>YES</center>','<center>YES</center>','<center>$1,100</center>'],
>
> [{v:19,f:'<center>188 Mill St South</center>'}, 
> '/brampton/188-mill-st-south/riverwalk-condo', '<center>Riverwalk 
> Condo</center>','<center>Brampton South</center>','<center>2011</center>', 
> {v:6,f:'<center>6</center>'},{v:1100,f:'<center>1,100</center>'},'<center>$249,000</center>','<center>$302</center>','<center>YES</center>','<center>NO</center>','<center>$1,175</center>'],
>
> [{v:20,f:'<center>310 Mill St South</center>'}, 
> '/brampton/310-mill-st-south/pinnacle-1-condo', '<center>Pinnacle 1 
> Condo</center>','<center>Brampton South</center>','<center>1988</center>', 
> {v:12,f:'<center>12</center>'},{v:1100,f:'<center>1,100</center>'},'<center>$189,000</center>','<center>$577</center>','<center>YES</center>','<center>YES</center>','<center>$1,350</center>'],
>
> [{v:21,f:'<center>320 Mill St South</center>'}, 
> '/brampton/320-mill-st-south/pinnacle-2-condo', '<center>Pinnacle 2 
> Condo</center>','<center>Brampton South</center>','<center>1988</center>', 
> {v:12,f:'<center>12</center>'},{v:950,f:'<center>950</center>'},'<center>$190,000</center>','<center>$459</center>','<center>YES</center>','<center>YES</center>','<center>$1,400</center>'],
>
> [{v:22,f:'<center>330 Mill St South</center>'}, 
> '/brampton/330-mill-st-south/pinnacle-3-condo', '<center>Pinnacle 3 
> Condo</center>','<center>Brampton South</center>','<center>1989</center>', 
> {v:12,f:'<center>12</center>'},{v:950,f:'<center>950</center>'},'<center>$189,900</center>','<center>$458</center>','<center>YES</center>','<center>YES</center>','<center>$1,350</center>'],
>
> [{v:23,f:'<center>215 Queen St East</center>'}, 
> '/brampton/215-queen-st-east/rhythm-condo', '<center>Rhythm 
> Condo</center>','<center>Queen Street 
> Corridor</center>','<center>2010</center>', 
> {v:22,f:'<center>22</center>'},{v:500,f:'<center>500</center>'},'<center>$149,000</center>','<center>$280</center>','<center>YES</center>','<center>NO</center>','<center>$1,050</center>'],
>
> [{v:24,f:'<center>300 Ray Lawson Blvd</center>'}, 
> '/brampton/300-ray-lawson-blvd/fletchers-creek-condo', '<center>Fletchers 
> Creek Condo</center>','<center>Fletchers Creek 
> South</center>','<center>2001</center>', 
> {v:7,f:'<center>7</center>'},{v:650,f:'<center>650</center>'},'<center>$181,500</center>','<center>$361</center>','<center>YES</center>','<center>YES</center>','<center>$1,075</center>'],
>
>
>                 
>       ]);
>     
>       // Create and draw the visualization.
>       var table = new 
> google.visualization.Table(document.getElementById('visualization'));
>     
>       var formatter = new google.visualization.TablePatternFormat('<a 
> href={1}>{0}</a>');
>       formatter.format(data, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]); // 
> Apply formatter and set the formatted value of the first column.
>     
>       var view = new google.visualization.DataView(data);
>       view.setColumns([0,2,3,4,5,6,7,8,9,10, 11]); // Create a view with 
> the first column only.
>     
>       table.draw(view, {allowHtml: true, showRowNumber: false});
>     }
>     
>     google.setOnLoadCallback(drawVisualization);
>   </script>
> </head>
> <body style="font-family: Arial;border: 0 none;">
> <div id="visualization" style="width: 940px; height: 1480px;"></div>
> </body>
> </html>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

Reply via email to