Column chart padding

48 views
Skip to first unread message

Dan Jones

unread,
Feb 29, 2016, 8:55:51 AM2/29/16
to Google Visualization API


I have a simple column chart which works perfect minus a padding I get on left & right

Other chart types I have (Gant & Calendar) appear OK but the column chart has extra white space either side of the chart.

How can I remove this padding? Only options specified are...

      var options = {
        title: 'Staffing <?=$hrdate?>',
        height: 350,
        legend: { position: 'top', maxLines: 3 },
        bar: { groupWidth: '95%' },
        isStacked: true
      };

Cheers

Dan Jones

unread,
Feb 29, 2016, 8:59:32 AM2/29/16
to Google Visualization API

To show what I mean (also have same gap on right hand side, cropped for easier viewing).


Daniel LaLiberte

unread,
Feb 29, 2016, 9:02:39 AM2/29/16
to Google Visualization API
Hi Dan,

Check out the chartArea option.  You'll want to set the 'chartArea.left' and 'chartArea.width' options.  There is also now a 'chartArea.right' option.

--
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 google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/657a0664-53ac-4424-bf99-1db6169c33f1%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

Dan Jones

unread,
Feb 29, 2016, 9:08:09 AM2/29/16
to Google Visualization API
Spot on, couldn't find it for looking.

Many Thanks


On Monday, 29 February 2016 14:02:39 UTC, Daniel LaLiberte wrote:
Hi Dan,

Check out the chartArea option.  You'll want to set the 'chartArea.left' and 'chartArea.width' options.  There is also now a 'chartArea.right' option.
On Mon, Feb 29, 2016 at 8:55 AM, Dan Jones <dan...@gmail.com> wrote:


I have a simple column chart which works perfect minus a padding I get on left & right

Other chart types I have (Gant & Calendar) appear OK but the column chart has extra white space either side of the chart.

How can I remove this padding? Only options specified are...

      var options = {
        title: 'Staffing <?=$hrdate?>',
        height: 350,
        legend: { position: 'top', maxLines: 3 },
        bar: { groupWidth: '95%' },
        isStacked: true
      };

Cheers

--
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 google-visualization-api+unsub...@googlegroups.com.



--
Reply all
Reply to author
Forward
0 new messages