Zu Hauptinhalt springen Zu ergänzendem Inhalt springen

Mekko chart

The mekko chart is suitable for comparing groups, while being able to compare category items contained within these groups. Mekko charts are also known as mosaic plots, Marimekko charts, and Mondrian diagrams. The dimension axis shows the groups, while the measure axis shows the normalized percentage value for each category item. The size of each group shows its value.

In this image, the dimensional groups represent different yearly quarters. The width of each quarter shows the normalized percentage value of the sum of sales, for that quarter. Each quarter is divided in several product categories, such as Produce, Canned Products, and Frozen Foods. The height of each product category corresponds to the normalized percentage value of the sum of sales of that product category, within that quarter. This allows you to easily compare between product categories inside a specific quarter, and between different quarters.

Bar chart visualization.

Sorting is automatic according to size. By default, the coloring is by dimension, with 12 colors, but that can be changed in the properties panel. You can decide which dimension to color by. In this example, the coloring is by product category to clearly distinguish the different categories and how their contribution to the sales change in each quarter.

If the data set contains negative values, a text message is shown stating that the negative values cannot be displayed.

video thumbnail

When to use it

Use a mekko chart when you need to visualize normalized percentage values of grouped data. Mekko charts should primarily be used with values that can be aggregated.

Advantages

The mekko chart is easy to read and understand. You get a good comparison between groups, and a comparison of the impact of categories within each group.

Disadvantages

The mekko chart does not work so well with many dimension values due to the limitation of the axis length.

Mekko charts are not good when there is a big difference in the magnitude of the measure values. Nor is a mekko chart the right choice when mixing absolute and relative values.

Negative values cannot be displayed in mekko charts.

Creating a mekko chart

You can create a simple mekko chart on the sheet you are editing.

  1. From the assets panel, drag an empty mekko chart to the sheet.
  2. Klicken Sie auf Dimension hinzufügen und wählen Sie eine Dimension oder ein Feld aus. This dimension defines the grouping.
  3. Add a second dimension in the order of hierarchy level. The second dimension you add defines the categories.
  4. Klicken Sie auf Hinzufügen und wählen Sie eine Kennzahl aus oder erstellen Sie eine Kennzahl aus einem Feld.

In a mekko chart you need two dimensions and one measure.

Each bar corresponds to the first dimension, divided into smaller categories based on the second dimension. The values of the measures determine the relevant height of the categories inside each bar, as well as the size of the bars.

When you have created the chart, you might want to adjust its appearance in the properties panel. For information about styling, see Styling the mekko chart. For information about customizing other aspects of the chart's appearance, see Changing the appearance of a visualization.

Styling the mekko chart

Unter Darstellung im Eigenschaftsfenster sind mehrere Designoptionen verfügbar.

Klicken Sie auf Design unter Darstellung > Präsentation, um das Design des Diagramms weiter anzupassen. Das Designfenster enthält mehrere Abschnitte auf den Registerkarten Allgemein und Diagramm.

Sie können Ihre Designs zurücksetzen, indem Sie auf neben den einzelnen Abschnitten klicken. Wenn Sie auf Alle zurücksetzen klicken, werden die Designs für alle verfügbaren Registerkarten im Designfenster zurückgesetzt.

For general information about styling an individual visualization, see Applying custom styling to a visualization.

Anpassen des Texts

Sie können den Text für Titel, Untertitel und Fußnoten unter Darstellung > Allgemein festlegen. Um diese Elemente auszublenden, deaktivieren Sie Titel anzeigen

Die Sichtbarkeit der verschiedenen Bezeichnungen des Diagramms hängt von den diagrammspezifischen Einstellungen und den Anzeigeoptionen der Bezeichnungen ab. Diese können im Eigenschaftsfenster konfiguriert werden.

Sie können das Design des im Diagramm angezeigten Texts ändern.

  1. In the properties panel, expand the Appearance section.

  2. Under AppearancePresentation, click Styling.

  3. Legen Sie auf der Registerkarte Allgemein die Schriftart, den Hervorhebungsstil, die Schriftgröße und die Farbe der folgenden Textelemente fest:

    • Titel

    • Untertitel

    • Fußnote

  4. Legen Sie auf der Registerkarte Diagramm die Schriftart, die Schriftgröße und die Farbe der folgenden Textelemente fest:

    • Achsenbeschriftung: Legen Sie das Design der Beschriftungen auf den Achsen fest.

    • Value label: Style the labels for the dimension and measure values, including the percentage contributed by each value towards the total of the grouping above it in the hierarchy.

    • Legendentitel: Legen Sie das Design des Legendentitels fest.

    • Legendenbezeichnungen: Legen Sie das Design der Bezeichnungen für die einzelnen Legendenelemente fest.

Customizing the background

You can customize the background of the chart. The background can be set by color and image.

  1. In the properties panel, expand the Appearance section.

  2. Under AppearancePresentation, click Styling.

  3. On the General tab of the styling panel, you can select a background color (single color or expression). You can also set the background to an image from your media library or from a URL.

    When using a background color, use the slider to adjust the opacity of the background.

    When using a background image, you can adjust image sizing and position.

Customizing the border and shadow

You can customize the border and shadow of the chart.

  1. In the properties panel, expand the Appearance section.

  2. Under AppearancePresentation, click Styling.

  3. On the General tab of the styling panel, under Border, adjust the Outline size to increase or decrease the border lines around the chart.

  4. Select a color for the border.

  5. Adjust the Corner radius to control the roundness of the border.

  6. Under Shadow in the General tab, select a shadow size and color. Select None to remove the shadow.

Limitations

Wenn Einfärbung nach Dimension in diesem Diagramm verwendet wird, können maximal 100 eindeutige Dimensionswerte und 100 eindeutige Farben auf der Legende aufgetragen werden.

Hat diese Seite Ihnen geholfen?

Wenn Sie Probleme mit dieser Seite oder ihren Inhalten feststellen – einen Tippfehler, einen fehlenden Schritt oder einen technischen Fehler –, teilen Sie uns bitte mit, wie wir uns verbessern können!