UtilizationLineChart

extends Shape

ULC is a complex shape. This class is the outer container with tag='g'. All fragments are aggregated into this container. You can remove a fragment from the container if your application does not need it.

The container has four aggregations:

sap.gantt.shape.ext.ulc.UlcMiddleLine(used to draw a middle line, which indicates the position of 50% utilization rate),
sap.gantt.shape.ext.ulc.UlcOverCapacityZoneRectangle(used to draw over capacity Zone),
sap.gantt.shape.ext.ulc.UlcDimension(used to draw Dimensions, OverCapacityClipping, and UnderCapacityClipping),
sap.gantt.shape.ext.ulc.UlcTooltipRectangle(used to draw invisible tooltip rectangles for each period of capacity change).

Each dimension consists of UlcOverClipRectangle, UlcUnderClipRectangle, UlcClipPath, and UlcBorderPath. UlcClipingPath is aggregated in UlcClipPath.

A super class sap.gantt.shape.ext.ulc.UlcRectangle is abstracted because the other four rectangles(UlcOverCapacityZoneRectangle, UlcOverClipRectangle, UlcUnderClipRectangle, and UlcTooltipRectangle) share similar logic.

Graphic Effect is:

An example for the structure of data to feed balance chart:
{ order: [{ id: "ulc_0", util: [ { dimension: "util_volumn", values:[ { from: "20160123000000", to: "20160123000000", firstOne: true, value: 0 }, { from: "20160124071000", to: "20160124071000", value: 97.6 }, { from: "20160124071000", to: "20160127051300", firstOne: true, value: 97.6 },{ from: "20160127051300", to: "20160127051300", value: 97.6 },{ from: "20160128093312", to: "20160128093312", lastOne: true, value: 0 } ] },{ dimension: "util_mass", values:[ { from: "20160123000000", to: "20160123000000", firstOne: true, value: 0 } { from: "20160124071000", to: "20160124071000", value: 114.5 }, { from: "20160124071000", to: "20160127051300", value: 114.5 },{ from: "20160127051300", to: "20160127051300", value: 114.5 },{ from: "20160128093312", to: "20160128093312", lastOne: true, value: 0 } ] } ] }], tooltip: [ { from: "20160123000000", to: "20160124071000", firstOne: true, util_volumn: { previous: 0, next: 97.6 }, util_mass:{ previous: 0, next: 114.5 } },{ from: "20160124071000", to: "20160127051300", util_volumn: { val: 97.6 }, util_mass:{ val: 114.5 } },{ from: "20160127051300", to: "20160128093312", lastOne: true, util_volumn: { previous: 97.6, next: 0 }, util_mass:{ previous: 114.5, next: 0 } } ] }

Constructor Summary

new sap.gantt.shape.ext.ulc.UtilizationLineChart(sId?, mSettings?)Creates and initializes a new Utilization Line Chart container class.

Method Summary

sap.gantt.shape.ext.ulc.UtilizationLineChart.extend(sClassName, oClassInfo?, FNMetaImpl?)Creates a new subclass of class sap.gantt.shape.ext.ulc.UtilizationLineChart with name sClassName and enriches it with the information contained in oClassInfo.

sap.gantt.shape.ext.ulc.UtilizationLineChart.getMetadata()Returns a metadata object for class sap.gantt.shape.ext.ulc.UtilizationLineChart.

getEnableSelection(oData, oRowInfo)Gets the value of property enableSelection.

Methods borrowed from class sap.gantt.shape.Shape

_configFirst, _rotate, _rtlRotation, _translate, destroySelectedShape, getAriaLabel, getArrayAttribute, getAxisTime, getCategory, getClipPath, getEnableDnD, getEndTime, getEndTimeFilterAttribute, getFill, getFillOpacity, getFilter, getHtmlClass, getIsBulk, getIsDuration, getLegend, getRotationAngle, getRotationCenter, getRowYCenter, getSelectedShape, getShapeViewBoundary, getStroke, getStrokeDasharray, getStrokeOpacity, getStrokeWidth, getTag, getTime, getTimeFilterAttribute, getTitle, getTransform, getXBias, getYBias, setAriaLabel, setArrayAttribute, setCategory, setClipPath, setEnableDnD, setEnableSelection, setEndTime, setEndTimeFilterAttribute, setFill, setFillOpacity, setFilter, setHtmlClass, setIsBulk, setIsDuration, setLegend, setRotationAngle, setRotationCenter, setRowYCenter, setSelectedShape, setStroke, setStrokeDasharray, setStrokeOpacity, setStrokeWidth, setTag, setTime, setTimeFilterAttribute, setTitle, setTransform, setXBias, setYBias

Constructor Detail

new sap.gantt.shape.ext.ulc.UtilizationLineChart(sId?, mSettings?)

Creates and initializes a new Utilization Line Chart container class.

Parameters:

{string}	sId?	ID of the new control, generated automatically if no ID is given
{object}	mSettings?	Initial settings for the new control

Method Detail

sap.gantt.shape.ext.ulc.UtilizationLineChart.extend(sClassName, oClassInfo?, FNMetaImpl?): function

Creates a new subclass of class sap.gantt.shape.ext.ulc.UtilizationLineChart with name sClassName and enriches it with the information contained in oClassInfo.

oClassInfo might contain the same kind of information as described in sap.gantt.shape.Shape.extend.

Parameters:

{string}	sClassName	Name of the class being created
{object}	oClassInfo?	Object literal with information about the class
{function}	FNMetaImpl?	Constructor function for the metadata object; if not given, it defaults to `sap.ui.core.ElementMetadata`

Returns:

{function}

Created class / constructor function

sap.gantt.shape.ext.ulc.UtilizationLineChart.getMetadata(): sap.ui.base.Metadata

Returns a metadata object for class sap.gantt.shape.ext.ulc.UtilizationLineChart.

Returns:

{sap.ui.base.Metadata}

Metadata object describing this class

getEnableSelection(oData, oRowInfo): boolean

Gets the value of property enableSelection.

This value controls whether a shape is enabled for selection behavior. The default value for Utilization Line Chart is false.

Parameters:

{object}	oData	Shape data.
{object}	oRowInfo	Information about the row and row data.

Returns:

{boolean} Value of property enableSelection.