Break

@momentum-ui/charts/break

Use break to an overlay shape when you break the data.

Example

Try it yourself

Codepen does not support Css in SVG, so we hidden the breaks shape. You can add the following Css in your own demo.

Instructor

arguments

name - should be the following string.
config

generator

'generator' in the Config defines how to create the shape with data.

x * - x position. Accept number or function.
y * - y position. Accept number or function.
h * - the height of the whole components.
w * - the width of the whole components.

{
	generator: {
		y: 100,
    x: 10,
    h: 300,
    w: 100
	}
}

direction - 'y' or 'x'. Along the Y/X axis
size - the size of each curve in the line
deep - the height of each curve

modify

Refer to the modify object in modify.