Point

A point draws a circle to highlight data, like when a user hover their mouse over a point on a line graph.

Usage

import { LumePoint } from '@adyen/lume';

To show a point, provide x, y, color and active properties

<lume-point
  :x="100"
  :y="200"
  :color="dataset.color"
  :active="isPointActive(index)"
/>

Name	Type	Default	Description
`x`	`number`	Required	The horizontal coordinate to position the point.
`y`	`number`	Required	The bertical coordinate to position the point.
`color`	`string`	`01`	Indicating what color to use, representing an index to one of the available Lume colors.
`radius`	`number`	`4`	The radius (in pixels) of the point. If accompanying a line, should double its width value.
`active`	`boolean`	`false`	Indicating whether or not this point is active or not.

Fired upon point circle click.

p: PointerEvent;