You can set the dimensions of the table two ways: either in the "height"
and "width" options, or via CSS on the container div. Specifying them in
options looks like this:
var tblOption = {
showRowNumber: true,
height: 500, // note: lowercase "h", no "px"
width: 500 // note: lowercase "w", no "px"
};
Your container div already has dimensions specified:
<div id="vizTbl" style="width: 700px; height: 110px;"></div>
The Table will draw with the smaller value in each dimension, when both the
style and options are specified. In this example, the Table would have a
height of 110px (since the 110 in the style is smaller than the 500 in the
options), and a width of 500px (since the 500 in the options is smaller
than the 700 in the style).
On Friday, March 21, 2014 3:23:38 PM UTC-4, TheInnovator wrote:
>
> How do I increase the height and witdth of a google chart table? No
> matter what I do, it does not change.
>
> * var tblOption = {*
> * showRowNumber: true,*
> * Height:500px, <<----Does not work*
> * Width: 500px **<<----Does not work*
> * };*
> *<!-- Step 4 - Instantiate the Chart class -->*
> * var chart = new
> google.visualization.PieChart(document.getElementById('chart_div')); *
> * var table = new
> google.visualization.Table(document.getElementById('vizTbl')); *
>
> *<!-- Step 6 - Call chart.draw() function, passing in 'data' and 'options'
> --> *
> * chart.draw(data, options); *
> * table.draw(dataAn, tblOption);*
>
>
> *<table> <tr><td><div id="chart_div" style="width: 700px; height:
> 110px;"></div></td><td> </td><td><div id="vizTbl" style="width: 700px;
> height: 110px;"></div></td></tr></table>*
>
> Here's what an image of what it currently looks like:
>
>
> <https://lh3.googleusercontent.com/-GMd3WW0thaM/UyyRICGyFMI/AAAAAAAAAig/tnh3IVkmrVw/s1600/tablePicture.png>
>
>
--
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.
