メイン コンテンツをスキップする 補完的コンテンツへスキップ

アニメーター

アニメーター コントロールは、ビジュアライゼーションの値の変化をさまざまな値の範囲でアニメーション化します。たとえば、一定期間のビジュアライゼーションの変化を表示できます。ダッシュボード バンドルに含まれます。

アニメーター コントロールは、ボタンと進行状況スライダーをシートに追加します。押すと、アニメーターはそのの値を循環します。ユーザーはスライダーを使用して、表示する軸から手動で値を選択できます。

アニメーター

アニメーター拡張

使用に適しているケース

アニメーターは、一定期間など、指定した範囲でビジュアライゼーションが変化するのを確認する場合に便利です。たとえば、アニメーター コントロールを使用して、シート内のビジュアライゼーションが 1 年の間に月ごとにどのように変化するかを表示することができます。アニメーターを使用して、任意の軸の値をアニメーション化することができます。たとえば、アニメーターで使用する都市の値を含む軸を選択することで、売上高ビジュアライゼーションが都市ごとに変化する様子をアニメーション化することができます。

アニメーターが値の実行中に行った選択は、現在の選択に適用されます。

アニメーターの作成

編集中のシートにアニメーターを作成することができます。アニメーターで使用するために選択した軸には、アニメーション化する値の範囲が含まれています。既定では、軸内のすべての値がステップとして使用されます。アニメーションで使用されるステップ数や、アニメーターのステップ間の移動速度をカスタマイズすることができます。アニメーターは、[ソート] の順序で軸の値を実行します。

  1. 詳細編集モードのアセット パネルから、[カスタム オブジェクト] > Dashboard bundle を開き、アニメーター オブジェクトをシートにドラッグします。
  2. 軸として追加する項目を選択します。

アニメーターを作成したら、そのアニメーションのオプションやその他の設定を調整できます。

アニメーター オプションの設定

アニメーター オプションは、[プロパティ] ペインの [アニメーター オプション] で設定します。

[ステップ間の時間] では、選択した軸の値をアニメーターが遷移する速度を制御できます。[ステップ間の時間] では、値をミリ秒単位で設定する必要があります。

情報メモ

[ステップ間の時間] を 300 ミリ秒未満に設定することはお勧めしません。

アニメーターが実行する合計ステップを [合計ステップ] で設定できます。アニメーターは、合計ステップを軸の値に対して均等に分割します。たとえば、選択された時間軸に 10 の値があり、合計ステップが 5 に設定されている場合、アニメーターは値 2、4、6、8、10 に移動します)。合計ステップが 0 に設定されている場合、アニメーターはすべての値を使用します。

選択した値の経時的な構築の合計をアニメーションで表示する場合は、[集計] を選択します。[集計] を選択すると、各ステップが前のステップに集計されます。

既定では、アニメーターはループでステップを実行します。これは、[ループ] オプションで制御できます。

[軸ラベルを表示] と [軸の値を表示] を使用してアニメーターを実行するときに、アニメーターに軸と現在の値を表示するかどうかを制御できます。

スタイルのカスタマイズ

[詳細オプション] をオンにすると、プロパティ パネルの [スタイル] に多数のスタイル指定オプションが表示されます。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [スタイル指定] をクリックします。 各セクションの横にある をクリックすると、スタイルをリセットできます。[すべてをリセット] クリックすると、スタイル指定パネルで利用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。

テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。

チャートに表示されるテキストのスタイルを指定できます。

  1. [詳細オプション] をクリックします。

  2. プロパティ パネルで、 [スタイル] セクションを展開します。

  3. [外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。

  4. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

    • タイトル

    • サブタイトル

    • 脚注

背景のカスタマイズ

チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。

  1. [詳細オプション] をクリックします。

  2. プロパティ パネルで、 [スタイル] セクションを展開します。

  3. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

  4. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。

    情報メモ

    URL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。

    詳細については、「CSP エントリの作成」を参照してください。

    背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

    背景画像を使用する際、画像のサイズや位置を調整できます。

境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

  1. [詳細オプション] をクリックします。

  2. プロパティ パネルで、 [スタイル] セクションを展開します。

  3. [外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。

  4. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

  5. 境界線の色を選択します。

  6. [角の半径] を調整して、境界線の丸みを制御します。

  7. [一般] タブの [] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。

制限事項

アニメーターには次の制限があります。

  • アニメーターは、軸としてドリルダウン軸をサポートしていません。
  • アニメーターはトレリス チャートのアニメーションをサポートしていません。

詳細を見る

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

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