How do I create custom divs on the data columns so I can style them?

15 views
Skip to first unread message

Ben Hall

unread,
Dec 20, 2016, 2:33:57 PM12/20/16
to Google Visualization API
I am trying to style the timeline chart using css, but I see that there are no custom divs by default.  How would I create them within my javascript?

Here is an example : 

data.addRows([
          ['Baltimore Ravens',     new Date(2000, 8, 5), new Date(2001, 1, 5)],
          ['New England Patriots', new Date(2001, 8, 5), new Date(2002, 1, 5)],
          ['Tampa Bay Buccaneers', new Date(2002, 8, 5), new Date(2003, 1, 5)],
          ['New England Patriots', new Date(2003, 8, 5), new Date(2004, 1, 5)],
          ['New England Patriots', new Date(2004, 8, 5), new Date(2005, 1, 5)],
          ['Pittsburgh Steelers',  new Date(2005, 8, 5), new Date(2006, 1, 5)],
          ['Indianapolis Colts',   new Date(2006, 8, 5), new Date(2007, 1, 5)],
          ['New York Giants',      new Date(2007, 8, 5), new Date(2008, 1, 5)],
          ['Pittsburgh Steelers',  new Date(2008, 8, 5), new Date(2009, 1, 5)],
          ['New Orleans Saints',   new Date(2009, 8, 5), new Date(2010, 1, 5)],
          ['Green Bay Packers',    new Date(2010, 8, 5), new Date(2011, 1, 5)],
          ['New York Giants',      new Date(2011, 8, 5), new Date(2012, 1, 5)],
          ['Baltimore Ravens',     new Date(2012, 8, 5), new Date(2013, 1, 5)],
          ['Seattle Seahawks',     new Date(2013, 8, 5), new Date(2014, 1, 5)],
        ]);

How would I create a custom div on the team name column here?


Reply all
Reply to author
Forward
0 new messages