querystring "?" causes column chart to go below baseline

40 views
Skip to first unread message

T-Roy

unread,
Jul 23, 2012, 5:52:21 PM7/23/12
to google-visua...@googlegroups.com
I noticed a strange thing today, when I add a "?" to my dashboard url (followed by value pairs or not) the column chart in my dashboard is altered.  The columns start below the baseline.  Here is the column chart definition:

     // Create and draw the visualization.
     stackcol = new google.visualization.ChartWrapper({
          'chartType': 'ColumnChart',
          'containerId': 'chart2',
          'options': {
               'title':'Scan History',
               'titleTextStyle': {color: 'yellow', fontName: 'Porkys', fontSize:16 }, //"Porkys", Comic Sans MS;
               'width':'100%',
               'height':170,
               'chartArea':{left:20,top:25,right:10,width:"95%",height:"65%"},
               'isStacked': true,
               'backgroundColor': '#222222',
               'legend': {'position':'none'},
               'colors': ['#22445d','446985','678ba7','8eaec6','bed4e5'], //mindset blues
               'animation': {'duration':1000, 'easing':'inAndOut'},
               'hAxis': {'title': '',
                    'slantedTextAngle': 60,
                    'baselineColor' : 'yellow',
                    'titleTextStyle': {color: 'yellow', fontName: 'Soopafresh, Comic Sans MS', fontSize:11 },
                    'textStyle': {color: 'yellow', fontName: 'Soopafresh, Comic Sans MS', fontSize:10 }
               },
               'vAxis': {'title': 'Fixed\u00a0\u00a0Mixed\u00a0\u00a0Growth',
                    'maxValue': 100,
                    'viewWindowMode': 'explicit', //'pretty' 'explicit' 'maximized'
                    'viewWindow': {'max':100, 'min':20},
                    'baselineColor' : 'yellow',
                    'gridlines': {color: 'yellow', count: 4},
                    'titleTextStyle': {color: 'yellow', fontName: 'Comic Sans MS', fontSize:11 },
                    'textStyle': {color: 'yellow', fontName: 'Comic Sans MS', fontSize:10 }
               }
          },
          'view': {'columns': [{calc:mindsetDate, type:'string', label:''},6,4]} //show total only
     });

This is on my local dev machine so I've attached an image to show what I'm talking about  - notice the blue bars starting below the baseline. With the ?, the bars start at the bottom yellow line.

I've looked at what is delivered to the browser and it all appears to be in order.
image.png

asgallant

unread,
Jul 23, 2012, 6:18:09 PM7/23/12
to google-visua...@googlegroups.com
When you say "dashboard url", are you referring to the page url or a data source url?  Am I to assume that omitting the "?" makes the chart behave correctly?

Either way, if you could post code that duplicates the problem, I can take a look and see what is going on.

T-Roy

unread,
Jul 24, 2012, 1:56:36 PM7/24/12
to google-visua...@googlegroups.com
I mean page url and yes, by omitting the ? allows the columns to start at the intended baseline position.  I will get this up and running on a dev server and provide a url so you can see it working.
Reply all
Reply to author
Forward
0 new messages