Teilen über

Diagramme verstehen: Zugrunde liegende Daten und Diagrammdarstellung

  • Artikel

Diagramme zeigen Daten visuell durch Zuordnen von Textwerten auf Achsen: horizontal (X) und vertikal (Y). Die x-Achse wird als Kategorieachse bezeichnet und die y-Achse wird als Reihenachse bezeichnet. Die Kategorieachse kann numerische und nicht-numerischen Werte anzeigen, während die Reihenachse nur numerische Werte anzeigt.

Diagramme in modellgestützten Apps können weiter in Folgende klassifiziert werden:

  • Einzel-Seriendiagramme: Diagramme, die Daten mit einem Serienwert (Y) anzeigen, der einem Kategorienwert (X) zugeordnet ist.

  • Mehrseriendiagramme: Diagramme, die Daten mit mehreren Serienwerten anzeigen, die einem einzelnen Kategorienwert zugeordnet sind. Multi-Seriendiagramme enthalten gestaplete Säulendiagramme, die den Beitrag der einzelnen Serie zu einer Summe Kategorien übergreifend anzeigen, und 100 % gestapelte Säulendiagramme, die den Prozentwert vergleichen, den jede einzelne Serie zu der Summe Kategorien übergreifend beiträgt. Sie können verschiedene kompatible Diagrammtypen zu Multi-Seriendiagrammen kombinieren, z. B. Zeile und Spalte, Balken und Zeile usw.

Hinweis

Multi-Kategoriendiagramme können erstellt werden über die Webanwendung oder durch Modifizieren der XML-Zeichenfolgen, die hier beschrieben werden.

Beim Erstellen eines Diagramms in modellgestützten Apps mithilfe des SDK müssen Sie die folgenden zwei wichtigen Punkte berücksichtigen:

  • Zugrunde liegenden Daten für das Diagramm: Angegeben mithilfe der XML-Zeichenfolge Datenbeschreibung.

  • Datendarstellung (Erscheinung): Angegeben mithilfe der XML-Zeichenfolge Präsentationsbeschreibung.

Hinweis

Mit Microsoft Chart Controls können Sie verschiedene Arten von Diagrammen, z. B. Spalten, Balken, Bereiche, Zeilen, Säulen, Linien, Torten, Blasen und Radare erstellen. Mit dem Diagrammdesigner in modellgestützten Apps können Sie nur bestimmte Typen von Diagrammen erstellen. Mithilfe des SDK können Sie jedoch die meisten Diagrammtypen erstellen, die von Microsoft Chart Controls unterstützt werden.

Verwenden Sie die Datenbeschreibungs-XML-Zeichenfolge, um Diagrammdaten anzugeben.

Die Datenbeschreibungs-XML-Zeichenfolge definiert die Daten, die im Diagramm angezeigt werden. Die Inhalte der XML-Zeichenfolge werden im Vergleich zum Visualisierungsdaten-Beschreibungsschema überprüft. Weitere Informationen über das Schema finden Sie unter Visualisierungsdaten-Beschreibungsschema.

Sie können die Datenbeschreibungs-XML-Zeichenfolge angeben, wenn Sie ein Diagramm mit dem SavedQueryVisualization.DataDescription- oder UserQueryVisualization.DataDescription-Attribut für das im Besitz der Organisation bzw. im Besitz des Benutzers befindliche Diagramm erstellen.

Die Datenbeschreibungs-XML-Zeichenfolge enthält die folgenden zwei Elemente: <FetchCollection> und <CategoryCollection>.

Das <FetchCollection>-Element

Das <FetchCollection> Element wird verwendet, FetchXML um Daten für das Diagramm abzurufen. Die FetchXML Abfrage gibt Informationen zu den Tabellenspalten, Aggregatfunktionen und den Group-By-Klauseln für die in einem Diagramm anzuzeigenden Daten an. Alle FetchXML Aggregatfunktionen werden für Diagramme unterstützt. Weitere Informationen zu den FetchXML Aggregatfunktionen finden Sie unter Daten mit FetchXml aggregieren.

Die FetchXML Abfrage ermöglicht Ihnen, Ihre Daten zu filtern. Außerdem werden Filter auf Ansichten von Diagrammen angewendet. Wenn daher in der FetchXML Abfrage im <FetchCollection> Element bereits eine Filterbedingung angegeben ist und zusätzlich über eine Ansicht ein Filter angewendet wird, zeigt das Diagramm die Daten an, die nach Anwendung aller Filter zurückgegeben werden. Weitere Informationen zur Verwendung der FetchXML Abfrage zum Filtern von Daten finden Sie unter Abfragen von Daten mit FetchXml.

Hinweis

Obwohl die XML-Zeichenfolge der Datenbeschreibung erneut anhand des Datenbeschreibungsschemas der Visualisierung validiert wird, gilt dies nicht für die FetchXML Abfrage innerhalb des <FetchCollection> Elements. Die FetchXML Abfrage wird anhand des FetchXML Schemas validiert. Weitere Informationen finden Sie in der FetchXml-Referenz.

Wenn das Diagramm ein Vergleichsdiagramm ist, enthält das <FetchCollection>-Element zwei Gruppen nach*-Klauseln.

Das <CategoryCollection>-Element

Das Element <CategoryCollection> enthält Informationen zur Kategorien- (horizontal) und Serien- (vertikal) Achse in einem Diagramm.

  • Jedes <Category>-Unterelement hat ein untergeordnetes Element namens <MeasureCollection>, das dem <Series>-Element in der Präsentationsbeschreibungs-XML zugeordnet ist. Ein Einzelseriendiagramm hat ein einzelnes untergeordnetes <MeasureCollection>-Element, während ein Mehrseriendiagramm über mehrere untergeordnete <MeasureCollection>-Elemente verfügt, wobei jedes dem jeweiligen <Series>-Element in der Präsentationsbeschreibungs-XML zugeordnet ist.

  • Jedes untergeordnete <MeasureCollection>-Element ist hat ein Element namens <Measure>, das dem Achsenwert der Serie (vertikal) entspricht, entsprechend jedem Wert auf der der Kategorienachse (horizontal).

Beispiel

Das folgende ist eine Beispieldatenbeschreibungs-XML-Zeichenfolge:

<datadefinition>  
  <fetchcollection>  
    <fetch mapping="logical" count="10">  
      <entity name="opportunity">  
        <attribute name="estimatedvalue" />  
        <order attribute="estimatedvalue" descending="true" />  
      </entity>  
    </fetch>  
  </fetchcollection>  
  <categorycollection>  
    <category>  
      <measurecollection>  
        <measure alias="estimatedvalue" />  
      </measurecollection>  
    </category>  
  </categorycollection></datadefinition>

Weitere Beispieldatenbeschreibung-XML-Zeichenfolgen finden Sie unter Beispieldiagramme.

Verwenden Sie die Präsentationsbeschreibungs-XML-Zeichenfolge, um die Datenrepräsentation festzulegen.

Die Präsentationsbeschreibungs-XML-Zeichenfolge enthält Informationen zur Darstellung des Diagramms, wie Diagrammfarbe, Diagrammtitel und Diagrammtyp (Balken, Spalte, Zeile usw.). Es gibt keine Schemadefinition für diese XML-Zeichenfolge. XML ist jedoch eine Serialisierung der Diagramm-Klasse in Microsoft Chart Controls. Weitere Informationen: Chart Controls

Sie können die Präsentationsbeschreibungs-XML-Zeichenfolge angeben, wenn Sie ein Diagramm mit dem SavedQueryVisualization.PresentationDescription- oder UserQueryVisualization.PresentationDescription-Attribut für das im Besitz der Organisation bzw. im Besitz des Benutzers befindliche Diagramm erstellen.

Wichtig

In der einheitlichen Oberfläche wird nur eine Teilmenge der Eigenschaften unterstützt. Mehr Informationen: Unterstützte Methoden und Eigenschaften in der einheitlichen Oberfläche

Beispiel für Webclient

Das folgende ist eine Beispiel-Präsentationsbeschreibungs-XML-Zeichenfolge für den Webclient:

<Chart Palette="BrightPastel">  
  <Series>  
    <Series _Template_="All" Color="153, 204, 255" BorderColor="164, 164, 164" BorderDashStyle="Solid" BorderWidth="1" ShadowColor="128, 128, 128, 128" ShadowOffset="1" IsValueShownAsLabel="true" Font="{0}, 6.75pt" BackGradientStyle="TopBottom" BackSecondaryColor="0, 102, 153" LabelForeColor="100, 100, 100" ChartType="Column">  
      <SmartLabelStyle Enabled="True" />  
      <Points />  
    </Series>  
  </Series>  
  <ChartAreas>  
    <ChartArea _Template_="All" BackColor="White" BorderColor="26, 59, 105" BorderWidth="0" BorderDashStyle="Solid">      <AxisY LineColor="204, 204, 204" TitleFont="{0}, 8pt, GdiCharSet=0" TitleForeColor="100, 100, 100" LabelAutoFitMaxFontSize="7" LabelAutoFitMinFontSize="7">  
        <MajorTickMark LineColor="Gray" />  
        <MajorGrid Enabled="false" />  
        <LabelStyle Font="{0}, 6.75pt, GdiCharSet=0" ForeColor="100, 100, 100" />  
      </AxisY>  
      <AxisX LineColor="204, 204, 204" TitleFont="{0}, 8pt, GdiCharSet=0" TitleForeColor="100, 100, 100" LabelAutoFitMaxFontSize="7" LabelAutoFitMinFontSize="7">        <MajorTickMark LineColor="Gray" />        <MajorGrid Enabled="false" />  
        <LabelStyle Font="{0}, 6.75pt, GdiCharSet=0" ForeColor="100, 100, 100" />  
      </AxisX>  
    </ChartArea>  
  </ChartAreas>  
  <Titles>  
    <Title _Template_="All" Font="{0}, 9pt, style=Bold, GdiCharSet=0" ForeColor="100, 100, 100"></Title>  
  </Titles>  
  <BorderSkin PageColor="Control" BackColor="CornflowerBlue" BackSecondaryColor="CornflowerBlue" />  
</Chart>

Weitere Beispiel-Präsentationsbeschreibungs-XML-Zeichenfolgen finden Sie unter Beispieldiagramme.

Unterstützte Methoden und Eigenschaften in der einheitlichen Oberfläche

Der folgende Abschnitt zeigt die Methoden und Eigenschaften, die in der einheitlichen Oberfläche unterstützt werden:

AxisX

Ruft den X-Achsentyp der Serie ab oder legt diesen fest.

Eigenschaften

Eigenschaftenname Beschreibung
Aktiviert Abruf oder Festlegung eines Werts, der angibt, ob eine Achse aktiviert ist.
LabelStyle aktiviert Abruf oder Festlegung eines Flags, das angibt, ob die Beschriftung aktiviert ist.
LabelStyle ForeColor Abruf oder Festlegung der Farbe der Beschriftung.
LabelStyle Format Abruf oder Festlegung der Formatierungszeichenfolge für den Beschriftungstext. Mehr Informationen: Unterstütztes numerisches Format für Diagramme
LineColor Abruf oder Festlegung der Linienfarbe einer Achse. Mehr Informationen: Unterstütztes Farbformat
IsReversed Abruf oder Festlegung eines Flags, das angibt, ob die Achse umgekehrt ist.
Wenn „true“ festgelegt ist, hat dies zwei Effekte für die x-Achse:
- Beschriftungen der x-Achse werden in umgekehrter Reihenfolge (von rechts nach links) umgekehrt
- Außerdem wird die y-Achse auf die gegenüberliegende Seite gebracht, um die Beschriftung der x-Achse von rechts nach links aufzunehmen.
MajorGrid aktiviert Ruft ein Flag ab oder legt es fest, das bestimmt, ob Haupt- oder Nebenrasterlinien aktiviert sind.
MajorGrid LineColor Abruf oder Festlegung der Farbe eines Rasters. Mehr Informationen: Unterstütztes Farbformat
MajorTickMark aktiviert Ruft ein Flag ab oder legt es fest, das bestimmt, ob Hauptrasterlinien aktiviert sind.
MajorTickMark LineColor Abruf oder Festlegung der Farbe eines Rasters.
Titel Abruf oder Festlegung der Titel der Achse.
TitleForeColor Abruf oder Festlegung der Textfarbe des Achsentitels. Mehr Informationen: Unterstütztes Farbformat

Tipp

  • Wenn es zu viele LABELS sind, lässt HighCharts jedes zweite Label aus und versucht erneut zu rendern. Eine schnelle Problemumgehung besteht darin, entweder die Datensätze zu entfernen oder den Browser zu verkleinern.

Beispiel

 <AxisX Enabled="True" LineColor="165, 172, 181" Title="Test XAxis Title" TitleForeColor="91,151,213" IsReversed="true">
    <MajorTickMark LineColor="165, 172, 181" Enabled="true" />
    <MajorGrid LineColor="green" Enabled="true"/>
    <LabelStyle ForeColor="red" Format="#,0,.##K" Enabled="true" />
 </AxisX>

AxisY

Ruft den Y-Achsentyp der Serie ab oder legt diesen fest.

Eigenschaften

Eigenschaftenname Beschreibung
AxisY2 Ruft ein Achsenobjekt ab oder legt dieses fest, das die sekundäre Y-Achse darstellt.
- Zweite Y-Achse gilt nur für Diagramme mit mehreren Reihen.
- Wenn Sie mit dem Diagrammeditor mehrere Seriendiagramme erstellen, wird standardmäßig die YAxisType=Secondary-Eigenschaft in der 2. Reihe Ihres Diagramms hinzugefügt, und ein AxisY2-Knoten wird dem XML hinzugefügt.
- Wenn Sie möchten, dass eine andere Serie von der zweiten Y-Achse gemessen wird, können Sie die YAxisType=Secondary zu diesem Serienknoten verschieben.
- Wenn Sie keine zweite Y-Achse möchten, können Sie die YAxisType=Secondary löschen.
- Wenn eine Y-Achse (entweder primär oder sekundär) mehr als eine Serie misst, wird der Y-Achse kein Titel hinzugefügt, da der Titel der Y-Achse nicht weiß, welche Serie angezeigt werden soll.
Aktiviert Abruf oder Festlegung eines Werts, der angibt, ob eine Achse aktiviert ist.
Intervall Abruf oder Festlegung des Intervalls einer Achse.
LabelStyle aktiviert Abruf oder Festlegung eines Flags, das angibt, ob die Beschriftung aktiviert ist.
LabelStyle ForeColor Abruf oder Festlegung der Farbe der Beschriftung.
LabelStyle Format Abruf oder Festlegung der Formatierungszeichenfolge für den Beschriftungstext. Mehr Informationen: Unterstütztes numerisches Format für Diagramme
LineColor Abruf oder Festlegung der Linienfarbe einer Achse. Mehr Informationen: Unterstütztes Farbformat
MajorGrid aktiviert Ruft ein Flag ab oder legt es fest, das bestimmt, ob Hauptrasterlinien aktiviert sind.
MajorGrid LineColor Abruf oder Festlegung der Farbe eines Rasters. Mehr Informationen: Unterstütztes Farbformat
MajorTickMark aktiviert Ruft ein Flag ab oder legt es fest, das bestimmt, ob Hauptrasterlinien aktiviert sind.
MajorTickMark LineColor Abruf oder Festlegung der Farbe eines Rasters.
Maximum Abruf oder Festlegung des Maximalwerts einer Achse.
Minimum Abruf oder Festlegung des Mindestwerts einer Achse.
Titel Abruf oder Festlegung der Titel der Achse.
TitleForeColor Abruf oder Festlegung der Textfarbe des Achsentitels. Mehr Informationen: Unterstütztes Farbformat

Beispiel

<AxisY Enabled="True" LineColor="165, 172, 181" Title="Test YAxis Title" TitleForeColor="91,151,213" Interval="1" Minimum="0" Maximum="5">
  <MajorTickMark LineColor="165, 172, 181" Enabled="true" />
  <MajorGrid LineColor="green" Enabled="true"/>
  <LabelStyle ForeColor="red" Enabled="true" />
</AxisY>
<AxisY2 Enabled="True" LineColor="165, 172, 181" Title="Test YAxis2 Title" TitleForeColor="91,151,213" Interval="10" Minimum="0" Maximum="100">
  <MajorTickMark LineColor="165, 172, 181" Enabled="true" />
  <MajorGrid LineColor="green" Enabled="true"/>
  <LabelStyle ForeColor="red" Enabled="true" />
</AxisY2>

Diagramm

Die Stammklasse für die Diagramme.

Eigenschaften

Eigenschaftenname Beschreibung
PaletteCustomColor Ruft ein Array von benutzerdefinierten Palettenfarben ab oder legt dieses fest. Es folgt der Priorität wie unten gezeigt:
- Rendert die im Series-Knoten definierte Farbe.
- Wenn die Farbpalette angegeben ist, wählt die Tabelle die Farbe aus der Farbpalette aus.
- Wenn keine angegeben ist, wird die Standardfarbpalette übernommen. Mehr Informationen: Unterstütztes Farbformat

Beispiel

<Chart Palette="None" PaletteCustomColors="91, 151, 213; #4169E1, red, 127,97,142,206">

ChartArea

Stellt einen Diagrammbereich auf dem Diagrammbild dar.

Eigenschaften

Eigenschaftenname Beschreibung
Area3DStyle Enable3D Ruft einen Wert ab oder legt einen Wert fest, der angibt, ob das Flag 3D für einen Diagrammbereich ein- und ausschaltet. Es werden die folgenden 3D-Diagrammtypen unterstützt:
- 3D Column
- 3D Bar
- 3D StackedColumn
- 3D StackedBar
- 3D StackedColumn100
- 3D StackedBar100
- 3D Pie
BackColor Ermöglichen Sie Benutzern, den Plothintergrund entweder auf eine Vollton- oder eine Verlaufsfarbe festzulegen. Mehr Informationen: Unterstütztes Farbformat
BackSecondaryColor Ermöglichen Sie Benutzern, den Plothintergrund entweder auf eine Vollton- oder eine Verlaufsfarbe festzulegen. Mehr Informationen: Unterstütztes Farbformat
BackGradientStyle Ermöglichen Sie Benutzern, den Plothintergrund entweder auf eine Vollton- oder eine Verlaufsfarbe festzulegen.

Beispiel

<ChartArea BackColor="orange" BackSecondaryColor="purple" BackGradientStyle="LeftRight" >
  <Area3DStyle Enable3D="true" />
</ChartArea>

Legende

Stellt die Legende für das Diagrammbild dar.

Eigenschaften

Eigenschaftenname Beschreibung
Aktiviert Definiert, ob die Legende aktiviert ist. Standardmäßig ist dies auf True festgelegt.

Beispiel

<Legends>
  <Legend Enabled="True"/>
</Legends>

Reihe

Speichert Datenpunkte und Serien.

Eigenschaften

Eigenschaftenname Beschreibung
BorderColor Abruf oder Festlegung der Randfarbe des Datenpunkts. Mehr Informationen: Unterstütztes Farbformat
BorderWidth Abruf oder Festlegung der Randbreite des Datenpunkts.
ChartType Ein Enumerationswert, der den Diagrammtyp angibt, der zur Darstellung der Serie verwendet wird. Der Standardwert ist „Column“. Es werden die folgenden Diagrammtypen unterstützt:
- Spalte
- StackedColumn
- StackedColumn100
- Balken
- StackedBar
- StackedBar100
- Fläche
- StackedArea
- StackedArea100
- Position
- Kreis
- Trichter
- Tag
- Ring
- Punkt
Color Abruf oder Festlegung der Farbe des Datenpunkts. Bei Trichter- und Kreisdiagrammen wird die im Serienknoten definierte Farbeigenschaft ignoriert, die Diagrammfarbe wird jedoch aus der Farbpalette ausgewählt. Mehr Informationen: Unterstütztes Farbformat
IsValueShownAsLabel Ruft ein Flag ab oder legt es fest, das angibt, ob der Wert des Datenpunkts auf der Beschriftung angezeigt werden soll.
CustomProperties Ermöglicht Benutzern das Festlegen von FunnelNeckHeight und FunnelNeckWidth, um die Form des Trichterdiagramms anzupassen. FunnelNeckHeight und FunnelNeckWidth repräsentiert den Prozentsatz. Dieser Parameter wird nur für Trichterdiagrammtypen unterstützt.
IsVisibleInLegend Ruft ein Flag ab oder legt es fest, das angibt, ob das Element in der Legende angezeigt wird.
LabelForeColor Abruf oder Festlegung der Textfarbe der Beschriftung. Mehr Informationen: Unterstütztes Farbformat
LabelFormat Abruf oder Festlegung des Formats der Datenpunktbeschriftung. Mehr Informationen: Unterstütztes numerisches Format für Diagramme
LegendText Ruft den Text des Elements in der Legende ab oder legt diesen fest. Bei Trichter- und Kreisdiagrammen zeigt die Legende den Wert jedes Datenpunkt in einer Reihe an. Anstatt den Seriennamen als Ganzes anzuzeigen.
YAxisType Ruft den Y-Achsentyp einer Serie ab oder legt diesen fest. Es wird nur die zweite Y-Achse unterstützt, nicht die zweite X-Achse.

Hinweis

  • Aktuell unterstützen wir teilweise #PERCENT. #VAL und #TOTAL werden in der einheitlichen Oberfläche nicht unterstützt.
  • Für Nicht-Vergleichstabellen unterstützen wir maximal 5 Serien (1 Kategorie). Für Vergleichstabellen unterstützen wir nur 1 Serie und 2 Kategorien.

Beispiel

<Series>
  <Series ChartType="Column" Color="91, 151, 213" LegendText="Est Revenue" IsVisibleInLegend="True" BorderColor="red" BorderWidth="1" IsValueShownAsLabel="True" LabelFormat="$#,0,.##K" LabelForeColor="59, 59, 59">
  </Series>
  <Series ChartType="Column" Color="237, 125, 49" LegendText="Actual Revenue" IsVisibleInLegend="True" BorderColor="red" BorderWidth="1" IsValueShownAsLabel="True" LabelFormat="$#,0,.##K" LabelForeColor="59, 59, 59" YAxisType="Secondary">
  </Series>
</Series>

Unterstütztes Farbformat in der einheitlichen Oberfläche

Einheitliche Oberfläche unterstützt die folgenden Farbformate in der XML-Diagrammdarstellung, die mit dem Webclient kompatibel sind:

  • RGB-Dezimalformat: 97.142.206
  • RGB-HEX-Format: #4169E1
  • ARGB-Dezimalformat: 127,90,138,57
  • Vom Browser erkannte benannte Farben: rot, transparent

Unterstütztes numerisches Format für Diagramme in der einheitlichen Oberfläche

Formatierungswerte Beschreibung
#,0 Keine Skalierung, keine Dezimalstellen, führende Null
#,0,.##K Tausende, bis zu 2 Dezimalstellen, führende Null
#,0,,.##M Millionen, bis zu 2 Dezimalstellen, führende Null
#,0,,,.##B Milliarden, bis zu 2 Dezimalstellen, führende Null
C Währung mit Standarddezimalstellen
C0 Währung ohne Dezimalstellen
C2 Währung mit 2 Dezimalstellen
F0 Fixpunkt
#,0;(#,0);' ' Keine Skalierung, keine Dezimalstellen, führende Null, negativer Wert in geschweiften Klammern, Nullen unterdrücken
#,0,.##K;(#,0,.##K);' ' Tausender, bis zu 2 Dezimalstellen, führende Null, negativer Wert in geschweiften Klammern, Nullen unterdrücken
#,0,,.##M;(#,0,,.##M);' ' Millionen, bis zu 2 Dezimalstellen, führende Null, negativer Wert in geschweiften Klammern, Nullen unterdrücken
#,0,,,.##B;(#,0,,,.##B);' ' Milliarden, bis zu 2 Dezimalstellen, führende Null, negativer Wert in geschweiften Klammern, Nullen unterdrücken
% Das Prozentzeichen (%%) in einer Formatzeichenfolge bewirkt, dass eine Zahl vor der Formatierung mit 100 multipliziert wird

Siehe auch

Visualisierungen (Diagramme)
Aktionen für Visualisierungen (Diagramme)
Erstellen eines Diagramms
Daten mithilfe von FetchXml abfragen
Visualisierungsdaten-Beschreibungsschema
Beispieldiagramme
Diagrammklasse (Microsoft Chart Controls)

Hinweis

Können Sie uns Ihre Präferenzen für die Dokumentationssprache mitteilen? Nehmen Sie an einer kurzen Umfrage teil. (Beachten Sie, dass diese Umfrage auf Englisch ist.)

Die Umfrage dauert etwa sieben Minuten. Es werden keine personenbezogenen Daten erhoben. (Datenschutzbestimmungen).