Html 如何使条形图不被谷歌条形图中的大量数据压碎?

Html 如何使条形图不被谷歌条形图中的大量数据压碎?,html,google-visualization,Html,Google Visualization,使用条形图:当您有大量数据时,它会将条形图压碎,使其非常薄,并使文本彼此重叠。有哪些选项可以让数据正确地呈现在容器中(如果可能,可以保证每个条具有一定的高度)?我希望避免显式地将高度设置为“1000px”,然后查看条形图以确定它是否被扭曲。您可以根据DataTable中的数据行数动态计算条形图的高度: // set inner height to 30 pixels per row var chartAreaHeight = data.getNumberOfRows() * 30; // add

使用条形图:当您有大量数据时,它会将条形图压碎,使其非常薄,并使文本彼此重叠。有哪些选项可以让数据正确地呈现在容器中(如果可能,可以保证每个条具有一定的高度)?我希望避免显式地将高度设置为“1000px”,然后查看条形图以确定它是否被扭曲。

您可以根据DataTable中的数据行数动态计算条形图的高度:

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