Google Charts / visualisations列宽

时间:2013-12-09 11:16:10

标签: google-visualization

我正在使用Google Chart API,并将折线图(见下文)转换为柱形图,但列宽会根据数据列的数量而变化。如果我将鼠标悬停在上面,它会告诉我正确的日期,但是由于列的宽度变化,您实际上无法准确地看到列应该表示的日期。一个点可以工作,所以我可以恢复到折线图,但是,对于我正在使用的数据集,列确实看起来更好。不知道如何解决这个问题?

日期是动态的,因此X轴必须是可变的。

由于

// Create a line chart, passing some options
                var LineChart = new google.visualization.ChartWrapper({
                    'chartType': 'ColumnChart',
                    'containerId': 'chart_div',
                    'options': {
                        'vAxis': {'title': 'Species Abundance', 'minValue': 0, 'maxValue': 32},
                        'width': 300,
                        'height': 300,
                        'legend': 'top',           
                        'title': 'Selected Site and Species abundance over time'
                    },
                    'view': {'columns': [0, 1]},
                });

Example Graphs

1 个答案:

答案 0 :(得分:18)

您可以通过将bar.groupWidth选项设置为整数(用于条形组的像素数)来设置最大宽度。设置此选项会使API尝试绘制所有条形图组(给定轴值的条形图集)此宽度,但如果图表的设置需要它,可能会强制它们将它们绘制得更小。

bar: {
    groupWidth: 20
}