Googleビジュアライゼーションカラムラベルの略語

Question

Google視覚化APIを使用すると、カラム見出しが省略されたテーブルを作成する方法はありますか？たとえば、同じデータセットを使用する円グラフでは、ここで

では、JavaScriptのsnippitです：

//create the dashboard and table chart 
    var dashboard = new google.visualization.Dashboard(
      document.getElementById('dashboard_div')); 
    table = new google.visualization.ChartWrapper({ 
     'chartType': 'Table', 
     'containerId': 'chart_div', 
     'view': {'columns': ViewColumns}, 
     'options': { 
      height: 400, 
     }, 
    }); 
    dashboard.bind(table); 

    //bind the data to the table 
    baseData = new google.visualization.DataTable(response); 
    dashboard.draw(baseData); 

//add a column chart bound to the same data 
var columnChart = new google.visualization.ChartWrapper({ 
    'chartType': 'ColumnChart', 
    'containerId': 'column_chart_div', 
    'options': { 
     isStacked: true, 
     height: 400, 
     width: 800, 
    }, 
}); 
columnChart.setDataTable(table.getDataTable()); 
columnChart.draw(); 

HTML：

<div id="dashboard_div"> 
    <div id="column_chart_div" class="inline"> </div> 
    <div id="chart_div"></div> 

Answer 1

th.google-visualization-table-th { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    max-width: 50px; 
} 

th.google-visualization-table-th:hover { 
    white-space: nowrap; 
    overflow: visible; 
} 

私は、フルテキストがホバーにポップアップ表示するために得ることができれば、これは完璧になる（上部の上隣の列）が、私はそれに運がなかった。