Allows to scale the visualization of an IPortStyle depending on the zoom level.
Remarks
Especially, this decorator is intended to be used in combination with an existing port style as zoom-invariant visualization for selection, focus or highlight indication.
The zoomPolicy property defines how the zoom level affects the rendering of the wrapped style. It can either scale according to the zoom level, similar to regular chart elements, or it can simulate a zoom level of one so that, for example, the pen thickness does not scale up or down, similar to the default yFiles indicators.
Type Details
- yfiles module
- view-component
- yfiles-umd modules
- All view modules
- Legacy UMD name
- yfiles.styles.IndicatorPortStyleDecorator
See Also
Constructors
Creates a new instance wrapping the provided style.
Parameters
A map of options to pass to the method.
- wrapped - IPortStyle
- The port style to wrap. If no wrapped style is provided, style is used instead
- zoomPolicy - StyleDecorationZoomPolicy
How the style is affected by the current zoom level. This option sets the zoomPolicy property on the created object.
Properties
Gets the renderer implementation that can be queried for implementations that provide details about the visual appearance and visual behavior for a given port and this style instance.
Remarks
const creator = style.renderer.getVisualCreator(port, style)
const visual = creator.createVisual(context)Implements
Gets the wrapped port style.
Remarks
Gets or sets how the style is affected by the current zoom level.
Remarks
It can either scale according to the zoom level, similar to regular chart elements, or it can simulate a zoom level of one so that, for example, the pen thickness does not scale up or down, similar to the default yFiles indicators.
The default value is VIEW_COORDINATES.
See Also
Methods
Returns a memberwise clone of this instance.