首页 文章

Google Charts / visualisations列宽

提问于
浏览 次
7

我正在使用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

google-visualization

1 回答

  • 15

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

    bar: {
    groupWidth: 20
}
    回复于

相关问题