Vertical Markers

A visual representation of data point values along the X- and Y-axes of a line chart.

You can use this element to add vertical markers to a line chart, or delete them from or move them within the chart. You can drag the markers around the chart to display the corresponding values of the data points. The values of the data points are updated based on the vertical marker configuration.

A vertical marker is split into two parts: X-axis values and one or more Y-axis values. The X-axis value is displayed in a rectangular box at the top of the vertical line. The values of each data series are displayed along the vertical line at the intersection of the chart line with the vertical line. However, the display of the data series depends on the vertical marker configuration.

Note Note

Vertical markers are available in SAP MII 12.1 (SP07) and higher versions and are valid only for line charts.

End of the note.

Structure

You can configure vertical marker properties on the following screens of the SAP MII Workbench.

Example

This graphic is explained in the accompanying text.

The figure above illustrates a vertical marker on the line chart.

The following code shows the addition of a vertical marker with Javascript:

Syntax Syntax

<script language=”JavaScript”>
function addVerticalMarker() {
// Get the x-coordinate of the double click
var xLoc = document.chartApplet.getChartObject().getChartAreaDoubleClickX();
// Add the vertical marker at the location
document.chartApplet.getChartObject().addVerticalMarker(xLoc);
}
</script>
<APPLET NAME="Transaction" CODEBASE="/XMII/Classes" CODE="iChart" ARCHIVE="illum8.zip" WIDTH="800" HEIGHT="600" TABINDEX=1 MAYSCRIPT>
<PARAM NAME="QueryTemplate" VALUE="Chart/ChartData">
<PARAM NAME="DisplayTemplate" VALUE="Chart/LineChart">
<PARAM NAME="EnableDoubleClickRefresh" VALUE="false">
<PARAM NAME="ChartAreaDoubleClickEvent" VALUE="addVerticalMarker">
</APPLET>

End of the code.