HTML テンプレートに表形式のデータを追加する

アプリ内のチャートから、ソーステーブルを表形式のデータとして HTML レポートテンプレートに追加できます。表形式のデータは、テーブル全体として追加することも、1 つ以上の個別の列として追加することもできます。チャートを単一のテーブルタグとして追加するか、個別の列のセットとして追加するかに関係なく、作成する基礎オブジェクトはテーブルです。テーブルはオブジェクトパネルにオブジェクトとして追加され、いつでも戻って編集したり再利用したりできます。

ストレートタイプのハイパーキューブのチャートを表形式データとして追加できます。チャートをテーブルとして追加すると、チャートのデータを表す基になる項目が列としてレポートに追加されます。

オブジェクトパネルの [テーブル] メニューで表形式のデータを追加します。

テーブルを選択するときに、リロードをクリックして、アプリから使用可能なテーブルのリストを更新します。

チャート全体を追加

単一のタグを使用して、チャート全体を表形式で追加できます。チャートデータはストレートテーブルとしてレポートに挿入されます。

次の手順を実行します。

HTML デザイナーで、テーブルを挿入するコードの場所にカーソルを置きます。
オブジェクトパネルのをクリックします。

HTML デザイナー内のオブジェクトパネルの [テーブル] メニュー
[テーブルを追加] をクリックします。使用可能なシートのリストが表示されます。
テーブルとして追加するチャートを含むシートを展開します。必要に応じて、チャート名を検索してシートのリストを絞り込むことができます。

チャートの名前をクリックすると、チャートを追加する前にプレビューできます。
チャートの横にあるアイコンをクリックします。
ドロップダウンメニューで、 [テーブル] を選択します。この操作により、チャートがテンプレート内の単一のアイテムとして挿入されます。

テーブルとして追加するチャートを選択する
オブジェクトパネルで、後で識別できるようにテーブルに一意の [名前] を付けます。

テーブルが単一のタグとして追加されたテンプレートデザイン領域
オブジェクトパネルでテーブルのプロパティを調整できます。表形式データの書式設定プロパティの詳細については、「表形式 HTML データの書式設定プロパティ」を参照してください。
テーブルオブジェクトはいつでも再利用できます。オプションパネルでを開き、をクリックしてオブジェクトを開きます。[テーブルタグを追加] をクリックして、テーブルを再度追加します。

列によるチャートの追加

チャートは、単一の列のセットとして表形式で追加することもできます。これにより、レポートテンプレート内の書式設定をより細かく制御できるようになります。

チャートデータはストレートテーブルとしてレポートに挿入されます。

次の手順を実行します。

HTML デザイナーで、テーブル列を挿入するコードの場所にカーソルを置きます。
オブジェクトパネルのをクリックします。

HTML デザイナー内のオブジェクトパネルの [テーブル] メニュー
[テーブルを追加] をクリックします。使用可能なシートのリストが表示されます。
テーブルとして追加するチャートを含むシートを展開します。必要に応じて、チャート名を検索してシートのリストを絞り込むことができます。

チャートの名前をクリックすると、チャートを追加する前にプレビューできます。
チャートの横にあるアイコンをクリックします。
ドロップダウンメニューで、 [個別の列] を選択します。

列ごとにテーブルとして追加するチャートを選択する
追加する列を選択するか、 [すべて] をクリックしてチャートからすべての列を挿入します。
チャートは table 要素としてテンプレートに追加され、各列はその中の td 要素で示されます。単一の列を追加する場合、テーブル全体を追加するのと同じように、列は単一の項目として追加されます。

オブジェクトパネルで、後で識別できるようにテーブルに一意の [名前] を付けます。

一連の個別の列としてテーブルが追加されたテンプレートデザイン領域
オブジェクトパネルでテーブルのプロパティを調整できます。表形式データの書式設定プロパティの詳細については、「表形式 HTML データの書式設定プロパティ」を参照してください。
テーブルオブジェクトはいつでも再利用できます。オプションパネルでを開き、をクリックしてオブジェクトを開きます。[テーブルタグを追加] をクリックして、テーブルの新しいインスタンスを単一のアイテムとして追加するか、空のテーブル構造を作成し、各列参照を td 要素に個別に追加します。

列のセットは単一のテーブルオブジェクトと見なされます。

チャートからさらに列を追加する

列ごとに追加されたチャートへ

テーブルの列をいくつか個別に追加した後、いつでも列を追加できます。必要な手順は、元のテーブルが 1 つの列で構成されているか、2 つ以上の列で構成されているかに応じて異なります。

既存の列が 1 つあるテーブル

1 つの列だけが個別に追加されたテーブルの場合、新しい列を追加するプロセスはより複雑になります。状況に応じて、最初から複数の列を設定してオブジェクトを再作成する方が簡単な場合があります。ただし、単一列のテーブルに列を追加することはできます。

次の手順を実行します。

デザイン領域で、次の空のテーブル要素を空の領域に貼り付けます。

  <table cellspacing="0" style="border-collapse: collapse">
  <tbody><tr>
  <td></td><td></td><td></td>
  </tr>
  </tbody></table>

個々の列の既存のアイテムを切り取り、追加した td 要素の 1 つに貼り付けます。例:

  <table cellspacing="0" style="border-collapse: collapse">
  <tbody><tr>
  <td>%%ProductCategory%%</td><td></td><td></td>
  </tr>
  </tbody></table>

既存の個々の列アイテムにカーソルを置きます。

オブジェクトパネルで、列が展開された状態で [テーブル] メニューが開きます。
[列] で、追加する列を見つけます。列を展開してプロパティを構成し、 [列タグの追加] をクリックします。
ソーステーブルから追加する新しい列ごとに、ステップ 3 ～ 4 を繰り返します。必要に応じて新しい <td></td> アイテムを追加し、終了する前に未使用 (空) の <td></td> アイテムをすべて削除する必要があります。

この手順を実行すると、テーブルはオブジェクトパネルから使用できるテーブルオブジェクトと同じままになります。

2 つ以上の列が存在するテーブル

次の手順を実行します。

HTML コードで、列を挿入する場所のすぐ左にある列の td 要素を選択します。

オブジェクトパネルで、列が展開された状態で [テーブル] メニューが開きます。
次の内容をテンプレートに貼り付けて、新しい td 要素を作成します。
```
<td></td>
```
次に、開始タグと終了タグの間にカーソルを置きます。
オブジェクトパネルで、列の書式設定プロパティを構成し、 [列タグを追加] をクリックします。

列への参照は、空の td 要素に挿入されます。

テーブル全体として追加されたチャートから

すでに単一のテーブルアイテムとして追加されているチャートの新しいインスタンスを追加できます。元々単一のテーブルアイテムとして追加した個々の列のインスタンスを追加することもできます。

次の手順を実行します。

HTML デザイナーで、コンテンツを挿入するコードの場所にカーソルを置きます。
オブジェクトパネルのをクリックします。

[テーブル] メニューが開きます。
既存のオブジェクトの横にあるをクリックします。
以下のいずれかを行います。
1. テーブルの新しいインスタンスを単一のアイテムとして追加するには、 [テーブルタグを追加] をクリックします。
2. 単一の列を追加するには、 [列を展開] をクリックします。列のプロパティを構成し、 [列タグを追加] をクリックします。構造に複数の列を追加する場合は、最初に空のテーブル要素を作成する必要があります。「既存の列が 1 つあるテーブル」を参照してください。

このページは役に立ちましたか?

このページまたはコンテンツにタイポ、ステップの省略、技術的エラーなどの問題が見つかった場合はお知らせください。

こちらにフィードバックをお寄せください