Googleの表の行の高さを調整する

Question

Googleの視覚化ダッシュボードにテーブルの図表（https://developers.google.com/chart/interactive/docs/gallery/tableなど）があり、以下のデータが表示されています。 IveはCSSを使用してテーブルのフォントサイズを変更することができましたが、行の高さはまだデフォルトサイズです。Idは変更して小さくしたいと思っています。アイブ氏は、フォントを使用何

- CSS：

.small-font { 
    font-size: 10px; 
    } 

のjavascript：

var cssClassNames = { 
    tableCell: 'small-font' 
    }; 

CSS、または別の方法を使用してこれを行う方法はありますか？

Answer 1

のために...

allowHtml: true 

は、作業スニペット以下を参照してください...

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages:['table'] 
 
}); 
 

 
function drawChart() { 
 
    var data = new google.visualization.arrayToDataTable([ 
 
    ['Year', 'Value'], 
 
    ['2010', 10], 
 
    ['2020', 14], 
 
    ['2030', 16], 
 
    ['2040', 22], 
 
    ['2050', 28] 
 
    ]); 
 

 
    var options = { 
 
    allowHtml: true, 
 
    cssClassNames: { 
 
     tableCell: 'small-font' 
 
    } 
 
    }; 
 

 
    var container = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.Table(container); 
 
    chart.draw(data, options); 
 
}

.small-font { 
 
    font-size: 8px; 
 
    height: 10px; 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

Answer 2

問題は、上記の詳細は明らかではありません。 ただし、以下試してください。

1. 「TD」または「TR」の削除高さ、
2. 使用した場合に任意の
3. 利用ボーダー崩壊た場合、セルのパディングを削除：崩壊を。テーブルだけheightこのチャートオプションを含めるようにしてください

   .small-font { 
       font-size: 8px; 
       height: 10px; 
   } 
   

   ... small-font cssクラスを追加