javascript - Google ColumnChart でのラベルの配置

Question

この Google ColumnChart でラベルの位置を変更しようとすると問題が発生します。チャートは Keen.io JS SDK を介してレンダリングされます。作業スペースが非常に狭いため、ラベルをチャートの右側ではなく下に配置しようとしています (ラベルのテキストが切り捨てられています)。ここにスクリーンショットがあります -

以下に構成オブジェクトを含めました。私が見逃しているオプションはありますか - ラベルを右側からずらしているようには見えません。ありがとう。

{
            chartType: 'columnchart',
            chartOptions: {
                isStacked: true
            },
            fontName : 'Helvetica',
            fontSize : '11px',
            width : 270,
            height : 220,
            chartArea : {
                left : 0,
                top : 0,
                width : '100%',
                height : '100%'
            },
            colors : ['#abdd99', '#8dc7d9', '#eeeeee'],
            colorMapping : {
                'pro' : '#abdd99',
                'basic' : '#8dc7d9'
            },
            labelMapping: {
                "basic": "BASIC",
                "pro": "PRO"
            },
            title : 'PROFILE VIEWS',
            vAxis : {
                viewWindowMode : 'maximized',
                gridlines : { color : '#eeeeee' },
                baselineColor : '#eeeeee',
                textPosition : 'none'
            },
            hAxis : {
                viewWindowMode : 'maximized',
                gridlines : {
                    color : '#eeeeee'
                },
                baselineColor : '#eeeeee',
                textPosition : 'none'
            },
            legend : {
                position : 'bottom',
                textStyle : {
                    color : '#cccccc',
                    fontName : 'Helvetica',
                    fontSize : '11px'
                }
            }
        }