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
  • Deutsch
  • Pattern Library
  • flexible
    • Deutsch
  • Home
  • Patterns by type
  • Special projects
  • Stock Graph

Stock Graph

The "Stock Graph" component is currently used for MAT application. This module can display graph based on selection of table columns.

Track and visualize the stock prices over a specific period of time using charting and range tools. The component comes with a lot of features such as zooming, period selector, range selector to make the stock charts more interactive.

Example page view

The module is marked in orange

zoom

This is how the module works

The module consists of the following components:

Content areadescription
TitleDescriptive title for the alert
Table nameThe table from which columns should be selected for graph
Date column nameThe Date column should be selected for graph
Value1 column nameThe Value1 column is used to display data on graph
Value2 column nameThe Value2 column is used to display data on graph
Predefined filtersPredefined filters is used to show a subset of all table rows
Dimensions for graphIt contains height & width for graph in pixels

The module can be used in the following templates and page areas:

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
The blue area indicates that the module is applicable in this content area.

This module can be used in the following themes:

  • Internet
  • Intranet
  • Suite
The blue area indicates that the module is applicable in this theme.

This is what the module looks like

Stock Graph

Example page

arrow-down UCP Pattern Library

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

Follow us

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Imprint
  • Legal Notes
  • Share tk-share
    FacebookTwitter Email LinkedIn