You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • English
  • Pattern Library
  • flexible
    • English
  • Startseite
  • Pattern nach Typus
  • Spezialprojekte / Sonstige
  • Data Charts

Data Charts

Das Modul "Data-Charts" wird benutzt, um verschiedene Diagramme auf Basis von Daten in einer Custom Table anzuzeigen.

Diese Diagramm-Typen sind verfügbar:

  • Liniendiagramm

  • Balkendiagramm

  • Tortendiagramm

Die Daten werden in der Custom Table gepflegt und können dort manuell oder per CSV- Upload geändert werden.

Beispiel Seitenansicht

Das Modul ist orange markiert

So funktioniert das Modul

Das Modul besteht aus den folgenden Komponenten:

content areadesignation
headlineAdd text to be displayed as title
Chart typeChoose a chart type value from dropdown as follows
- Donut chart
- Bar chart
- Line chart
Chart SizeChoose a chart size from dropdown as follows
- Small
- Medium
- Large
TableSelect the table name from custom partials of which column values will be selected to render Data Charts
Chart axisSelect the primary reference column for rendering the Data Charts.
i.e. In case of donut chart, the slice/legend label column.
In case of Bar/Line chart, select the column to be used as X-axis.
Chart ValuesAdd & select the columns having data values to be rendered on it's corresponding type of Data Chart.
To render donut chart, only one chart value is required.
For Bar/Line chart, add columns are required.

Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.

Vermaßte Screenshots

Donut Chart
Bar Chart
Line Chart

Das Modul kann in folgenden Themes eingesetzt werden:

  • Internet
  • Intranet
  • Suite
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

Beispielseite "Data-Charts"

Beispielseite

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn