30日間の無料評価版をお試しいただけます。

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

Anchor
top
top

Table of Contents
classcontents

...

概要

Styleclass
ClasstopLink

...

top

Displays images sized in such a way to correspond to a metric.

Chart Data Options

Option

Description

Colour

This is the category label for the X axis

Image

This is the image file to be used for the shape of the infographic
Note: if you wish to use your own image you will need to make sure it has some transparency. Basically, any area of the image that has colour (of any shade) will be coloured in the chart, any transparent area will be left blank. You need some transparent area in order for the chart to be anything other than a large block shape.

Horizontal Axis

Optional: this is the value displayed directly above each image

Size

Typically a numeric value such as $. An item that you want to measure on your Chart

...

ページトップ

メトリックに対応するようにサイズが決められたイメージを表示します。

グラフデータオプション

オプション

説明

X軸のカテゴリーラベル。

イメージ

これは、インフォグラフィックの形状に使用されるイメージファイルです。
注意:専用のイメージを使用する場合は、それにある程度の透明性があることを確認してください。基本的に、(陰影の)色の付いたイメージの領域は、グラフ内でも色付きになり、半透明の領域は空白のままになります。グラフをサイズの大きいブロック形状以外のものにするには、ある程度の半透明の領域が必要です。

横軸

オプション:これは各イメージの上に直接表示される値です。

サイズ

$などが代表的な数値型の値です。グラフ上で測定するアイテムです。

比較インフォグラフィックチュートリアル

Styleclass
ClasstopLink

...

top

Summary

In order to set up a Comparative Infographic Chart you will need:

...

  1. Select a field to use as the Colour
  2. Select a field to use as the Size

...

ページトップ

Wiki Markup
{html}<iframe width="700" height="394" src="https://www.youtube.com/embed/abKhg19l7O8?color=white" frameborder="0" allowfullscreen></iframe>{html}
 

サマリー

比較インフォグラフィックを設定するには、以下のステップを実行する必要があります。

  1. グラフ表示されるレポートを作成します。
    1. として使用するフィールドを選択します。
    2. サイズとして使用するフィールドを選択します。
  2. 特殊用途」の中にある「比例インフォグラフィック」を選択してグラフを作成します。
  3. 」、「横軸」、および「サイズ」オプションを入力します。
  4. イメージを選択するかアップロードします。
  5. 必要に応じてグラフをカスタマイズします。
  6. 表示」ステップに進みます。
  7. レポートを「保存」します。

 

...

horizontalrule
Styleclass
ClasstopLink

ページトップ

...