html - 如何使条形图不被谷歌条形图中的大量数据压垮？

Question

使用条形图：https ://developers.google.com/chart/interactive/docs/gallery/barchart当您有大量数据时，它会将条形压得非常细，文本相互重叠。有哪些选项可以让数据正确呈现在容器中（如果可能，可以保证每个条具有一定的高度）？我想避免明确将高度设置为“1000px”，然后查看条形图以确定它是否被挤压。

Answer 1

您可以根据 DataTable 中的数据行数动态计算 BarChart 的高度：

// set inner height to 30 pixels per row
var chartAreaHeight = data.getNumberOfRows() * 30;
// add padding to outer height to accomodate title, axis labels, etc
var chartHeight = chartAreaHeight + 80;
var chart = new google.visualization.BarChart(document.querySelector('#chart_div'));
chart.draw(data, {
    height: chartHeight,
    chartArea: {
        height: chartAreaHeight
    }
});