content
Gets or sets the content function that allows you to customize the text content of the LineMarker.
- Type
- Function
| Client-Side API Reference > FlexChart > wijmo.chart > LineMarker Class |
constructor(chart: FlexChartCore, options?): LineMarker
Initializes a new instance of the LineMarker class.
The chart on which the LineMarker appears.
A JavaScript object containing initialization data for the control.
Gets or sets the alignment of the LineMarker content.
By default, the LineMarker shows to the right, at the bottom of the target point. Use '|' to combine alignment values.
// set the alignment to the left. marker.alignment = wijmo.chart.LineMarkerAlignment.Left; // set the alignment to the left top. marker.alignment = wijmo.chart.LineMarkerAlignment.Left | wijmo.chart.LineMarkerAlignment.Top;
Gets or sets the content function that allows you to customize the text content of the LineMarker.
Gets or sets a value indicating whether the content of the marker is draggable when the interaction mode is "Drag."
Gets or sets a value indicating whether the lines are linked when the horizontal or vertical line is dragged when the interaction mode is "Drag."
Gets or sets the maximum distance from the horizontal or vertical line that the marker can be dragged.
Gets or sets the horizontal position of the LineMarker relative to the plot area.
Its value range is (0, 1). If the value is null or undefined and interaction is set to wijmo.chart.LineMarkerInteraction.Move or wijmo.chart.LineMarkerInteraction.Drag, the horizontal position of the marker is calculated automatically based on the pointer's position.
Gets or sets the index of the series in the chart in which the LineMarker appears. This takes effect when the interaction property is set to wijmo.chart.LineMarkerInteraction.Move or wijmo.chart.LineMarkerInteraction.Drag.
Gets or sets the vertical position of the LineMarker relative to the plot area.
Its value range is (0, 1). If the value is null or undefined and interaction is set to wijmo.chart.LineMarkerInteraction.Move or wijmo.chart.LineMarkerInteraction.Drag, the vertical position of the LineMarker is calculated automatically based on the pointer's position.
onPositionChanged(point: Point): void
Raises the positionChanged event.
The target point at which to show the LineMarker.
remove(): void
Removes the LineMarker from the chart.
Represents an extension of the LineMarker for the FlexChart.
The LineMarker consists of a text area with content reflecting data point values, and an optional vertical or horizontal line (or both for a cross-hair effect) positioned over the plot area. It can be static (interaction = None), follow the mouse or touch position (interaction = Move), or move when the user drags the line (interaction = Drag). For example:
// create an interactive marker with a horizontal line and y-value var lm = new wijmo.chart.LineMarker($scope.ctx.chart, { lines: wijmo.chart.LineMarkerLines.Horizontal, interaction: wijmo.chart.LineMarkerInteraction.Move, alignment : wijmo.chart.LineMarkerAlignment.Top }); lm.content = function (ht) { // show y-value return lm.y.toFixed(2); }