The available properties are listed right there: className and style, that's it.
On Friday, November 23, 2012 9:44:06 AM UTC-5, Ambientson wrote: > > Thanks. > > For most of the properties, you're right, I can get them through the docs > but what about table cell properties? > > When I was looking for row, column and cell properties I was having a hard > time (now I know that row and column don't have any, except for special > cases such as header row or odd/even). But what about cell properties? Are > they strictly html attributes hence why they are not documented? > > Cheers. > > On Friday, November 23, 2012 3:14:17 AM UTC-5, asgallant wrote: >> >> The available properties are listed in each visualization's >> documentation; the Table's are here: >> https://developers.google.com/chart/interactive/docs/gallery/table#customproperties >> >> On Friday, November 23, 2012 3:12:59 AM UTC-5, asgallant wrote: >>> >>> Yup, same for columns. >>> >>> On Friday, November 23, 2012 12:11:03 AM UTC-5, Ambientson wrote: >>>> >>>> Hmmm... found an answer on a previous post but for a row: >>>> <quote>The Table visualization doesn't use any row properties. You >>>> have to set the style property for each cell in the row.</quote> >>>> >>>> If it's the same thing for columns, it would explain it. >>>> >>>> Is it the same for columns? >>>> >>>> Thanks. >>>> >>>> On Thursday, November 22, 2012 11:58:21 PM UTC-5, Ambientson wrote: >>>>> >>>>> Actually, I had the allowHtml in my code but not in the example I >>>>> provided. I think my issue is more related to setting properties on a >>>>> column. >>>>> >>>>> The following statement works (as you pointed out): >>>>> data.setProperties(1, 1, {style: 'font-style:italic; >>>>> font-size:10px;'}); >>>>> >>>>> But not this one (which is the one in my current code): >>>>> data.setColumnProperties(1, {style: 'font-style:italic; >>>>> font-size:10px;'}); >>>>> >>>>> Any ideas why? >>>>> >>>>> I'm having a hard time finding information on which properties are >>>>> supported for various elements (row, column, cell, etc.). My objective is >>>>> to change the font of an entire column to make it smaller and in italic. >>>>> >>>>> Thanks. >>>>> >>>>> On Thursday, November 22, 2012 11:31:28 PM UTC-5, Ambientson wrote: >>>>>> >>>>>> Thanks, I hadn't noticed that. >>>>>> >>>>>> Cheers. >>>>>> >>>>>> On Thursday, November 22, 2012 10:01:20 PM UTC-5, asgallant wrote: >>>>>>> >>>>>>> You need to set the "allowHtml" option to true, eg: >>>>>>> >>>>>>> visualization.draw(data, { >>>>>>> allowHtml: true >>>>>>> }); >>>>>>> >>>>>>> On Thursday, November 22, 2012 8:00:51 PM UTC-5, Ambientson wrote: >>>>>>>> >>>>>>>> Hi, >>>>>>>> >>>>>>>> I am struggling to get the setProperty method of DataTable to work >>>>>>>> to change font or color of a table cell (or anything in a table cell >>>>>>>> for >>>>>>>> that matter). See code below: >>>>>>>> >>>>>>>> function drawVisualization() { >>>>>>>> // Create and populate the data table. >>>>>>>> var data = google.visualization.arrayToDataTable([ >>>>>>>> ['Name', 'Height', 'Smokes'], >>>>>>>> ['Tong Ning mu', 174, true], >>>>>>>> ['Huang Ang fa', 523, false], >>>>>>>> ['Teng nu', 86, true] >>>>>>>> ]); >>>>>>>> >>>>>>>> //data.setProperty(1, 1, "color", "red"); >>>>>>>> //data.setProperty(0, 1, "background-color", "blue"); >>>>>>>> //data.setProperty(2, 0, "style", "font-style:bold;"); >>>>>>>> data.setProperty(1, 1, 'style', 'background-color: red;'); >>>>>>>> >>>>>>>> // Create and draw the visualization. >>>>>>>> visualization = new google.visualization.Table(document. >>>>>>>> getElementById('table')); >>>>>>>> visualization.draw(data); >>>>>>>> } >>>>>>>> >>>>>>>> Code taken from Google Code Playground and edited. >>>>>>>> >>>>>>>> Thanks. >>>>>>>> >>>>>>> -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/dgyZK-J0250J. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
