Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Verwendung von Highcharts

Verwenden Sie Highcharts-Grafiken, um benutzerdefinierte Diagrammtypen und Grafiken zu erstellen, die die Highcharts Core-Bibliothek verwenden. Highcharts-Grafiken bieten Quick Suite-Autoren direkten Zugriff auf die Highcharts-API.

Um ein Highcharts-Visual zu konfigurieren, müssen Quick Suite-Autoren dem Visual in Quick Suite ein Highcharts-JSON-Schema hinzufügen. Autoren können Quick Suite-Ausdrücke verwenden, um auf Quick Suite-Felder und Formatierungsoptionen im JSON-Schema zu verweisen, das sie zum Generieren der Highcharts-Grafik verwenden. Der JSON-Chart-Code-Editor bietet kontextuelle Unterstützung für die automatische Vervollständigung und Echtzeitvalidierung, um sicherzustellen, dass die JSON-Eingabeschemas ordnungsgemäß konfiguriert sind. Aus Sicherheitsgründen akzeptiert der visuelle Editor von Highcharts keine CSS- oder HTML-Codeeingaben. JavaScript

Weitere Informationen zu Highcharts-Visuals in Amazon Quick Suite finden Sie im Highcharts Visual QuickStart Guide unter. DemoCentral

Die folgende Abbildung zeigt ein Lippenstift-Diagramm, das im Chartcode-JSON-Editor eines Highcharts-Visuals in Quick Suite konfiguriert ist.

Weitere Beispiele für Grafiken, die Sie mit dem Highcharts-Visual in Quick Suite erstellen können, finden Sie unter Highcharts-Demos.

Überlegungen

Bevor Sie mit der Erstellung von Highcharts-Grafiken in Amazon Quick Suite beginnen, sollten Sie sich mit den folgenden Einschränkungen vertraut machen, die für Highcharts-Grafiken gelten.

Erstellen einer Highcharts-Visualisierung

Gehen Sie wie folgt vor, um ein Highcharts-Visual in Amazon Quick Suite zu erstellen.

Wenn Sie mit der gerenderten Visualisierung zufrieden sind, schließen Sie den Bereich „Eigenschaften“. Weitere Informationen zu Quick Sight-spezifischen Ausdrücken, die zur Konfiguration eines Highcharts-Visuals verwendet werden können, finden Sie unterAmazon Quick Suite JSON-Ausdruckssprache für Highcharts-Grafiken.

Interaktive Highchart-Features

Highchart-Visualisierungen in Amazon Quick Sight unterstützen benutzerdefinierte Aktionen, Hervorhebungen und benutzerdefinierte Farbkonsistenzen für Felder, sodass Sie interaktive und visuell zusammenhängende Diagramme erstellen können, die sich nahtlos in andere Quick Sight-Grafiken integrieren lassen.

Benutzerdefinierte Aktionen

Mit benutzerdefinierten Aktionen können Sie spezifische Verhaltensweisen für jeden Datenpunkt in Ihren Highchart-Visualisierungen definieren. Diese Funktion lässt sich nahtlos in das bestehende Aktionsframework von Quick Sight integrieren, sodass Sie interaktive Diagramme erstellen können, die auf Benutzerklicks reagieren. Das System unterstützt derzeit die Auswahl einzelner Datenpunkte, sodass Sie die Benutzerinteraktionen präzise steuern können. Benutzerdefinierte Aktionen können für verschiedene Diagrammtypen implementiert werden, darunter Liniendiagramme, Balkendiagramme und gestapelte Balkendiagramme.

Um benutzerdefinierte Aktionen zu implementieren, müssen Sie Ihre Highcharts-JSON-Konfiguration ändern. Fügen Sie Ihrer Serienkonfiguration einen Ereignisblock hinzu, indem Sie das Klickereignis und die entsprechende Aktion angeben. Zum Beispiel:

{
  "series": [{
    "type": "line",
    "data": ["getColumn", 1],
    "name": "value",
    "events": {
      "click": [
        "triggerClick", { "rowIndex": "point.index" }
      ]
    }
}]

Diese Konfiguration ermöglicht Klickereignisse auf die Datenpunkte Ihres Diagramms, sodass Quick Sight benutzerdefinierte Aktionen auf der Grundlage der ausgewählten Daten ausführen kann.

Visualisierungsübergreifende Hervorhebung

Visualisierungsübergreifende Hervorhebungen verbessern die Interaktivität Ihrer Dashboards, indem visuelle Verbindungen zwischen verschiedenen Diagrammen hergestellt werden. Wenn ein Benutzer Elemente in einem Diagramm auswählt, werden verwandte Elemente in anderen Visualisierungen automatisch hervorgehoben, während Elemente, die nichts miteinander zu tun haben, verdunkelt werden. Mit diesem Feature können Benutzer Beziehungen und Muster in mehreren Visualisierungen schnell erkennen und so das Datenverständnis und die Datenanalyse verbessern.

Verwenden Sie die quicksight-Klausel in Ihrer Highcharts-JSON-Konfiguration, um die visuelle Hervorhebung zu ermöglichen und die Konsistenz der Feldfarben aufrechtzuerhalten. Diese Klausel dient als Brücke zwischen Highcharts-Rendering und dem visuellen Interaktionssystem von Quick Suite. Hier sehen Sie ein Beispiel für die Einrichtung:

{
  "quicksight": {
    "pointRender": ["updatePointAttributes", {
      "opacity": ["case", 
        ["dataMarkMatch", ["getColumnName", 0], "series.name"],
        1,  // Full opacity for matching elements
        0.1 // Dim non-matching elements
      ],
      "color": ["getColumnColorOverrides", ["getColumnName", 0], "series.name"]
    }]
  }
}

Diese Konfiguration verwendet die JSON-Ausdruckssprache von Quick Sight, um visuelle Eigenschaften wie Opazität und Farbe auf der Grundlage von Benutzerinteraktionen und vordefinierten Farbschemata dynamisch zu ändern.

Für komplexere Szenarien können Sie die Hervorhebung auf der Grundlage mehrerer Bedingungen einrichten. Dies ermöglicht eine differenziertere Interaktivität in Ihren Visualisierungen. Im folgenden Beispiel werden Elemente hervorgehoben, die entweder auf dem Quartal oder dem Wochentag basieren:

{
  "quicksight": {
    "pointRender": ["updatePointAttributes", {
      "opacity": ["case",
        ["||",
          ["dataMarkMatch", "quarter", "series.name"],
          ["dataMarkMatch", "day_of_week", "point.name"]
        ],
        1,  // Full opacity for matching elements
        0.1 // Dim non-matching elements
      ],
    }]
  }
}

Farbkonsistenz auf Feldebene

Die Aufrechterhaltung der visuellen Kohärenz in Ihrem gesamten Dashboard ist für eine effektive Dateninterpretation von entscheidender Bedeutung. Das Feature zur Farbkonsistenz auf Feldebene stellt sicher, dass Farben, die bestimmten Dimensionen zugewiesen sind, für alle visuellen Elemente in Ihrem Dashboard beibehalten werden. Diese Konsistenz hilft Benutzern dabei, bestimmte Datenkategorien in verschiedenen Diagrammtypen und Ansichten schnell zu erkennen und nachzuverfolgen, was die allgemeine Benutzererfahrung und das Datenverständnis verbessert.