Verwendung von Highcharts

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

Um eine Highcharts-Visualisierung zu konfigurieren, müssen QuickSight-Autoren der Visualisierung in QuickSight ein Highcharts-JSON-Schema hinzufügen. Autoren können QuickSight-Ausdrücke verwenden, um auf QuickSight-Felder und Formatierungsoptionen im JSON-Schema zu verweisen, das sie zum Generieren der Highcharts-Visualisierung 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-, JavaScript- oder HTML-Codeeingaben.

Weitere Informationen zu Highcharts-Visualisierungen in Amazon QuickSight finden Sie im Highcharts Visual QuickStart Guide in DemoCentral.

Die folgende Abbildung zeigt das Highcharts-Symbol in QuickSight.

Die folgende Abbildung zeigt ein Lippenstiftdiagramm, das im Chartcode-JSON-Editor einer Highcharts-Visualisierung in QuickSight konfiguriert ist.

Weitere Beispiele für Visualisierungen, die Sie mit der Highcharts-Visualisierung in QuickSight erstellen können, finden Sie unter Highcharts-Demos.

Überlegungen

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

Erstellen einer Highcharts-Visualisierung

Gehen Sie wie folgt vor, um eine Highcharts-Visualisierung in Amazon QuickSight zu erstellen.

Wenn Sie mit der gerenderten Visualisierung zufrieden sind, schließen Sie den Bereich „Eigenschaften“. Weitere Informationen zu QuickSight-spezifischen Ausdrücken, die zur Konfiguration einer Highcharts-Visualisierung verwendet werden können, finden Sie unter Amazon QuickSight JSON-Ausdruckssprache für Highcharts-Visualisierungen.

Interaktive Highchart-Features

Highchart-Visualisierungen in Amazon QuickSight 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 QuickSight-Visualisierungen integrieren lassen.

Benutzerdefinierte Aktionen

Mit benutzerdefinierten Aktionen können Sie spezifische Verhaltensweisen für jeden Datenpunkt in Ihren Highchart-Visualisierungen definieren. Dieses Feature lässt sich nahtlos in das bestehende Aktionsframework von QuickSight 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 den Datenpunkten Ihres Diagramms, sodass QuickSight 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, abgeblendet 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 QuickSight. 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 QuickSight, 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.