Y-gridlines

Component that creates grid lines extending the ticks of the y-axis.

<script>
  import { Graphic, YAxis, YGridLines } from '@snlab/florence'
</script>

<Graphic width={200} height={200} scaleY={[0, 10]} padding={20}>

  <YAxis />
  <YGridLines />

</Graphic>

Properties

Prop	Required	Type(s)	Default	Unit(s)
count	`false`	`number`	`10`	-
extra	`false`	`boolean`	`false`	-
values	`false`	`any[]`	`undefined`	Local coordinate
width	`false`	`number`	`0.25`	Pixel
color	`false`	`string`	`'black'`	Named, hex, rgb or hsl color
opacity	`false`	`number`	`1`	Number between 0 and 1

These properties mirror the ‘ticks’ properties of the YAxis.