ヒントとトラブルシューティング

ヒント

囲み要素は、「div」などのブロックレベル要素でなくてはいけません。
囲み要素に、「パディング」や「境界線」を使用することはできません。レポート、またはダッシュボードで、境界線やパディングを使用する場合は、その要素を、パディングや境界線を使用する別の要素で囲まなくてはいけません。例：
```
<div style="padding: 10px; border: 1px solid black;">
  <div id="myReport">
  </div>
</div>
<script type="text/javascript">
yellowfin.loadReport({reportUUID: 'e5e5aaf3-c3b8-4f9b-8280-e21e4d848e63', elementId: 'myReport' });
</script>
```
基本的な方法を使用しており、elementIdをAPIに渡さない場合、囲み要素は自動的に作成されます。スクリプトタグは、パディング、または境界線スタイルが適用された別の要素で囲むことができます。例：
```
<div style="padding: 10px; border: 1px solid black;">
  <script type="text/javascript" src="http://localhost/JsAPI?reportUUID=e5e5aaf3-c3b8-4f9b-8280-e21e4d848e63&width=500&width=350"></script>
</div>
```
レポートの場合、囲み要素の高さや幅は固定されていなくてはいけません。
グラフのみのレポートの場合、グラフは囲み要素内に収まるように描画されます。レポートが要素内に収まらない場合は、残りのページレイアウトに影響しないように、スクロールバーが含まれます。
要素に固定の高さや幅を含めない場合、ブラウザがレポートのレイアウト方法を選択します。これはつまり、ユーザーによりクリックされたオプションに応じて、レポートの大きさが変化する可能性があることを意味します。こちらの方法が、適切な場合もあります。
Javascript APIのURLに、すべてのエンドユーザーがアクセスできるようにします。localhostやプライベートIPアドレスの使用は避けてください。
HTMLの構造は、できるだけ最適化してください。例えば、<body>タグを使用しない場合、APIで問題が発生する可能性があります。