如何制作条形图不会被谷歌条形图中的大量数据粉碎？

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
    }
});