2

このコードは、修正する簡単な方法が見つからない小さなフォーマットの問題を除いて、完全に機能します。データソースとしての Google スプレッドシートには、列に改行があります。ただし、表では、単にスペースでフォーマットされているように見えます。(改行をタグに変換した後) データ テーブルで allowHthml オプションを使用しようとしました
が、すべての書式設定が削除され、テーブルがひどく見えます。「フォーマッター」クラスも試してみましたが、それはフィールドの連結に駆り立てられているようで、同じ非htmlルールに従っています。

フォーマットを壊さずに改行を表に正しく表示できる、ここで欠けているものを知っている人はいます。フィールドに改行を追加して、適切に表示したいだけです。

これをコピーして jsLint に貼り付けると、実行されて、私が話していることが表示されます。

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load('visualization', '1', {packages: ['table']});
</script>
<script type="text/javascript">


function drawVisualization() {

  var opts = {dataType:'jsonp'};

  var query = new google.visualization.Query('https://docs.google.com/spreadsheet/pub?key=0AiEVKSSB6IaqdDZBTGJqV0lLZEV3YS0teXZkOWR4M3c&output=html', opts);

  query.setQuery("select * ");

  // Send the query with a callback function.
  query.send(handleQueryResponse);
}

function handleQueryResponse(response) {  
  // Create and populate the data table.
  var data = response.getDataTable();

    // Create and draw the visualization.
  visualization = new google.visualization.Table(document.getElementById('table'));
  visualization.draw(data, null);
}
google.setOnLoadCallback(drawVisualization);

</p>

4

1 に答える 1