title: Google Visualization style roles in object-literal DataTable
body: <p>I am creating Google Visualizations (currently ColumnCharts) from AJAX data, by returning an object literal suitable for passing to the <code>DataTable</code> constructor according to these docs:</p>
  
  <p><a href="https://developers.google.com/chart/interactive/docs/reference#dataparam" rel="nofollow">https://developers.google.com/chart/interactive/docs/reference#dataparam</a></p>
  
  <p>Data is all working, but I can't work out how to get the style roles working. I thought the documentation was saying to create the below, but it doesn't set the colors; what am I doing wrong?</p>
  
  <pre><code>{  
       "cols":[  
              {  
                   "id":"x",
                   "type":"number",
                   "label":"Period"
              },
              {  
                   "id":"quotes",
                   "type":"number",
                   "label":"Quotes"
              },
              {  
                   "id":"quotes_style",
                   "type":"number",
                   "p":{  
                          "role":"style"
                   }
              },
              {  
                   "id":"orders",
                   "type":"number",
                   "label":"Converted to Orders"
              },
              {  
                   "id":"orders_style",
                   "type":"number",
                   "p":{  
                          "role":"style"
                   }
              }
       ],
       "rows":[  
              {  
                   "c":[  
                          {  
                               "v":0,
                               "f":"2/2015"
                          },
                          {  
                               "v":4
                          },
                          {  
                               "p":{  
                                      "style":"color:#dddddd"
                               }
                          },
                          {  
                               "v":3
                          },
                          {  
                               "p":{  
                                      "style":"color:#00d67c"
                               }
                          }
                   ],
                   "p":null
              }
       ],
       "p":null
  }
  </code></pre>