MinMaxFinder

import {MinMaxFinder} from 'cx/charts';

The MinMaxFinder widget is a helper used to determine min and/or max values displayed on a graph.

<Svg style="width:600px;height:500px;" margin="60 60 60 60" controller={ChartController}>
    <Chart axes={{
        x: <NumericAxis />,
        y: <NumericAxis vertical/>,
    }}>
        <Gridlines />
        <MinMaxFinder minY-bind="$page.min" maxY-bind="$page.max">
            <Range y1-bind="$page.min" y2-bind="$page.max" colorIndex={5} />
            <LineGraph data-bind="$page.data" colorIndex={5} />
        </MinMaxFinder>
    </Chart>
</Svg>

Copied!Cx Fiddle

Configuration

Property	Description	Type
maxRecord	A binding used to receive point data of the graph maximum.	number
maxX	A binding used to receive the `x` coordinate of the graph maximum.	number
maxY	A binding used to receive the `y` coordinate of the graph maximum.	number
minRecord	A binding used to receive point data of the graph minimum.	number
minX	A binding used to receive the `x` coordinate of the graph minimum.	number
minY	A binding used to receive the `y` coordinate of the graph minimum.	number
onCreatePointFilter	A callback function used to create a predicate for filtering points. Accepts `filterParams` and `instance` as the arguments.	object
filterParams	Parameters which will be passed to the `onCreatePointFilter` callback.	object
items children	List of child elements.	array
layout	Define an inner layout.	string/object
mod	Appearance modifier. For example, `mod="big"` will add the CSS class `.cxm-big` to the block element.	string/array
outerLayout	Defines the outer layout which wraps the widget.	widget
plainText	Set to `true` to avoid converting inner strings to templates. Default is `false`.	boolean
preserveWhitespace ws	Keep whitespace in text based children. Default is `false`. See also `trimWhitespace`.	boolean
putInto contentFor	Used with outer layouts. Specifies the name of the content placeholder which should render the widget.	string
trimWhitespace	Remove all whitespace in text based children. Default is `true`. See also `preserveWhitespace`.	boolean
vdomKey	Key that will be used as the key when rendering the React component.	string
visible if	Visibility of the widget. Defaults to `true`.	boolean

Documentation

MinMaxFinder