Google可视化图表未填充100%的父div

时间:2018-05-02 20:06:17

标签: google-visualization

有人能告诉我这里我做错了什么吗? (...总是非常感谢你的帮助!)

我的谷歌图表没有完全填充父div,我似乎无法弄清楚原因。

以下是我在我的函数中使用的图表选项:

var chart = new google.visualization.ChartWrapper({
    'chartType': 'ComboChart',
    'containerId': 'div_chart_' + element_suffix,
    'view': {
        columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    },
    'options': {
        allowHtml: true,
        width: '100%',
        height: 500,
        legend: {
            position: 'right',
            textStyle: { fontSize: 12 }
        },
        tooltip: {
            isHtml: true
        },
        hAxis: {
            type: 'category',       //converts continuous axis to discrete
            slantedText: true,
            slantedTextAngle: '90',
        },
        vAxis: {
            minValue: 0,
        },
        seriesType: 'bars',
        isStacked: true,        
    },
});

父div为100%宽度: enter image description here

图表div为100%宽度: enter image description here

这里有一些白色空间我无法告诉如何消除: enter image description here

0 个答案:

没有答案