Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
christoph_weyd
Product and Topic Expert
Product and Topic Expert

With ST-PI Support Package 20 we have introduced a new transaction which allows to generate graphics to display the snapshot monitoring data collected by transaction /SDF/MON or /SDF/SMON.

see also SAP note 3210905 - Display Snapshot Monitor Data


The new program /SDF/SMON_DISPLAY will open an external modal window to display the data in a simple graphic using the external JavaScript charting library plotly.js (see https://plot.ly/javascript/ - (C)opyright 2012-2019, Plotly, Inc.).

The new transaction is compatible with SAPGUI, WebGUI and JavaGUI.

Prerequisites

In order to use the new transaction /SDF/SMON_DISPLAY (or report /SDF/SMON_DISPLAY) the following prerequisites must be fulfilled:

    • The snapshot monitor /SDF/MON or /SDF/SMON must be scheduled.
    • A SAPGUI version of release 7.70 or later is recommended with Edge based on chromium enabled. (See SAPGUI Options > Interaction Design > Control Settings)
    • Additionally you must provide the URL to a plotly compatible library. Minimum version of the plotly Javascript library is v1.58.5 (basic bundle, minimized version recommended). You find detailed information about the available libraries at: https://github.com/plotly/plotly.js/#load-via-script-tag. The links to the latest plotly basic bundle can found at https://github.com/plotly/plotly.js/blob/master/dist/README.md#plotlyjs-basic.
      Disclaimer: SAP is unable to guarantee that the libraries downloaded from external sources are safe to use. Theoretically such external download locations could be compromised.
      If you do not trust an externally hosted library, you can download a library version of your choice, test this library and then host this library on a trusted server and use the URL to this trusted location. (we recommend using the minimized versions like plotly-basic-x.xx.x.min.js - more versions are available at https://cdnjs.com/libraries/plotly.js).
      You must maintain the URL to the plotly library in table /SDF/PLOTLYCONF for ID = PLOTLY_LIBRARY. (SE11 > Table: /SDF/PLOTLYCONF >Utilities > Table Content > Create Entries). Alternatively, you can add parameter /SDF/PLOTLY = cdn.plot.ly/plotly-basic-2.26.0.min.js in your user parameters (transaction SU3).

      christoph_weyd_0-1706715213673.png

Program Parameters

Server

Application Server (leave empty for all servers)

Date/Time

Date and Time of the snapshot. extended monitoring data from /SDF/SMON will be automatically de-clustered if required.

Last n minutes

Only select and display the last n minutes of data for the current day. If this option is selected, the input fields Date/Time are disabled and calculated automatically with each refresh.

Round Time to n seconds

The timestamps from SDFMON will be rounded to the next multiple of the specified number of seconds (max. rounding to 3600 seconds)

Data Source

- Monitoring Data (Table /SDF/MON_HEADER)
- Extended Monitoring (Table /SDF/SMON_HEADER)

Measurements

Up to three different measurements can be specified.

If the data is rounded to n seconds or if multiple application servers are selected one can specify how the data is aggregated - the following options are available:

  • AVG Average
  • SUM Total
  • MAX Maximum Value
  • MIN Minimum Value
  • CNT Number of values (count)

Auto Refresh

The data selection and display will be repeated automatically every n seconds. This functionality is only available if the last n seconds are chosen.

URL to plotly library (display only)

You must maintain the URL to the plotly library in table /SDF/PLOTLYCONF for ID = PLOTLY_LIBRARY.

Graphics Options

The graphic options for a selected measurement are saved locally within the cache of the frontend PC. If you select that the CPU (User) should be displayed as a line chart with blue color, then those settings will be applied in each system as long as you do not clear the browser cache.

In order to select the graphic options, you need to hover the mouse over the graphic until a data point is highlighted as shown in the screenshot below or click on the legend if multiple series are available.

then just left-click and a modal popup will appear where you can configure the following settings.

Available Parameters/Options are:

  • Description
  • Axis (left/right)
  • Color
  • Size/Style (point size or line width) and Style (linear/steps/spline)
  • Graphic Type (Scatter/Line, Bar, Area)
  • Mode (Line, Marker, Line+Marker)

Axis

LeftRight

Color

with the color selector you can select the color for the selected data series

Size/Style

Here we can define how the data points are connected. Available options are:

  • Linear (points are connected with direct lines)
  • Steps (a horizontal line is drawn through the data points)
  • Spline (a round bezier/spline curve is drawn through the data points)
LinearStepsSpline

Type

One can choose between three different chart types: Bar-Charts, Scatter/Line Charts and Area Charts:

BarScatter/LineArea

Opacity

With Opacity one can influence how transparent the colors are drawn. The values are between 0 (invisible) to 1 (no transparency)

Opacity = 0.10Opacity = 0.50Opacity = 0.90

Mode

Here we can specify if we want to draw only a marker, a line or both, Marker and Lines

MarkerLineMarker + Line

Marker

Only available if a Mode Marker or Line+Marker is selected. Available options are:

  • Circle
  • Cross
  • Diamond
  • Square
CircleCrossDiamond

Axis Scaling

Additionally, one can select if the axis scaling is linear or logarithmic.

Additional Interactive Options (available when cursor is above graph)

Additional functionality is available if you hover the mouse over the graphic (upper right).

    • Download Plot as PNG
    • Zoom / Pan
    • Move or Re-Scale axis (move mouse to the end of the axis scales until an arrow is shown, then lets-click and move)
    • Box Select / lasso Select
    • Autoscale / Reset Scale

Conclusion

Hope you find this blog helpful. The intention of this blog is to give an overview of the transaction /SDF/SMON_DISPLAY which can directly display graphics for the data collected by the snapshot monitor /SDF/MON or /SDF/SMON.

4 Comments
graeme_cassidy
Explorer
0 Kudos
This is a really useful blog.   One thing I have found though is I get error below when 7.70 gui browser control is set to edge (based on chromium).   If I change to internet explorer I get a graph but i think cannot change graph type

 

unable to load plotly.js library

check if plotly URL is correct and if you have network/internet connection
christoph_weyd
Product and Topic Expert
Product and Topic Expert
0 Kudos
Hi Cassidy

You must maintain the URL to the plotly library in table /SDF/PLOTLYCONF for ID = PLOTLY_LIBRARY. (SE11 > Table: /SDF/PLOTLYCONF >Utilities > Table Content > Create Entries).

Alternatively, you can add parameter /SDF/PLOTLY = cdn.plot.ly/plotly-basic-2.26.0.min.js in your user parameters (transaction SU3).

Kind Regards
Christoph
graeme_cassidy
Explorer
0 Kudos
Hi Christoph yes thank you I have done this but still get above error.   It only works if i have the below GUI setting.     If I change to chromium I see the error.

 

christoph_weyd
Product and Topic Expert
Product and Topic Expert
0 Kudos
if you like, please share your contact details (email/tel) with me - please send email to c.weyd@sap.com. I will then contact you and we might have a screen-sharing session.