# Mekko チャート

mekko チャートはグループの比較に適していますが、これらのグループに含まれるカテゴリアイテムを比較することもできます。Mekko チャートは、モザイク プロット、Marimekko チャート、Mondrian ダイアグラムとも呼ばれます。次元軸にはグループが表示され、メジャー軸には各カテゴリアイテムの正規化されたパーセンテージ値が表示されます。各グループのサイズはその値を示しています。

この画像では、次元グループは異なる年次四半期を表しています。各四半期の幅は、その四半期の売上合計の正規化されたパーセンテージ値を示します。各四半期は、Produce、Canned Products、およびFrozen Foodsなどのいくつかの製品カテゴリに分割されています。各製品カテゴリの高さは、その四半期内のその製品カテゴリの売上合計の正規化されたパーセンテージ値に対応します。これにより、特定の四半期内の製品カテゴリ間および異なる四半期間で簡単に比較できます。

![棒グラフのビジュアライゼーション。](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Resources/Images/ui_gen_MekkoChart1.png)

ソートはサイズに応じて自動的に行われます。既定では、12 色を使用して軸ごとに色付けが行われますが、これはプロパティ パネルで変更できます。色付けする軸を決定できます。この例では、色分けは製品カテゴリごとに行われ、異なるカテゴリと、各四半期における売上への貢献度の変化を明確に区別しています。

データ セットに負の値が含まれている場合は、負の値を表示できないというテキスト メッセージが表示されます。

[Mekko Chart](https://play.vidyard.com/zWQenZyNR723NT5SzFHR1S)

## 使用に適しているケース

グループ化されたデータの正規化されたパーセンテージ値を視覚化する必要がある場合は、mekko チャートを使用します。Mekko チャートは、主に集計可能な値で使用するべきです。

### 長所

mekko チャートは、読み取りや理解が容易です。グループ間の良好な比較、および各グループ内のカテゴリの影響の比較が得られます。

### 短所

mekko チャートの場合、軸の長さに限界があるので、軸の値が多すぎるとうまく機能しません。

Mekko チャートは、メジャー値の規模に大きな差がある場合は適していません。また、mekko チャートは、絶対値と相対値が混在している場合にも適切な選択肢とは言えません。

mekko ャートでは、負の値は表示できません。

## mekko チャートの作成

編集中のシートで単純な mekko チャートを作成できます。

次の手順を実行します。

1. アセット パネルから、空の mekko チャートをシートにドラッグします。
2. [軸を追加] をクリックして、軸または項目を選択します。この軸はグループ化を定義します。
3. 階層レベルの順に第2の軸を追加します。追加する第2の軸は、カテゴリを定義します。
4. [メジャーを追加] をクリックし、メジャーを選択するか、項目からメジャーを作成します。

mekko チャートには、2つの軸と1つのメジャーが必要です。

各棒は第1の軸に対応し、第2の軸に基づいて小さなカテゴリに分割されます。メジャーの値は、各棒内のカテゴリの関連する高さ、および棒のサイズを決定します。

チャートを作成したら、プロパティ パネルで外観を調整できます。 スタイル指定に関する情報については、[メッコ チャートのスタイル指定](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/Mekko-Chart/mekko-chart.htm#Styling) を参照してください。チャートのスタイルの他の側面をカスタマイズに関する情報については、[ビジュアライゼーションの外観の変更](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/change-appearance-of-visualization.htm) を参照してください。

## メッコ チャートのスタイル指定

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [the スタイル指定 icon] をクリックします。スタイル指定パネルの [基本設定] および [チャート] タブには、さまざまなセクションがあります。

各セクションの横にある ![リセット](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) をクリックすると、スタイルをリセットできます。![リセット](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 [ビジュアライゼーションへのカスタム スタイル指定の適用](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)」を参照してください。

### テキストのカスタマイズ

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

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

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

次の手順を実行します。

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

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

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

   * タイトル

   * サブタイトル

   * 脚注

4. [チャート] タブで、次のテキスト要素のフォント、フォント サイズ、色を設定します。

   * 軸ラベル: 軸のラベルのスタイルを決めます。

   * 値ラベル: 軸およびメジャー値のラベルのスタイルを設定します。これには、階層内の上位グループの合計に対する 各値の寄与率も含まれます。

   * 凡例タイトル: 凡例のタイトルのスタイルを決めます。

   * 凡例ラベル: 個別の凡例アイテムのラベルのスタイルを決めます。

### 背景のカスタマイズ

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

次の手順を実行します。

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

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

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

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

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

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

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

次の手順を実行します。

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

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

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

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

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

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

### 制限事項

このチャートで軸による色分けを使用すると、最大 100 個の一意の軸値と 100 個の一意の色を凡例にプロットできます。