html - Google棒グラフで大量のデータで棒グラフがつぶれないようにする方法は？

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