Align text with ruler about layerchart HOT 5 CLOSED

Discussed further on Discord, and updated vertical/horizontal examples. Instead of <Point>, just leveraged let:yScale and <Text y={yScale(avg)} />

from layerchart.

This would be a good thing to add to the examples, but you could leverage Point to translate the data values to pixel coordinates, and then use the slot to render <Text> (or <text>).

<Point d={{ x: 0, y: 50 }} let:x let:y>
  <Text {x} {y} value="Avg." verticalAnchor="end">
</Point>

(untested, but hopefully get you going). I'll try to add an example soon

from layerchart.

btw, these kind of questions might be easier on Discord, but here works too. Discord can be nice to chat back and forth.

from layerchart.

@JonathonRP Something like this..

from layerchart.

@JonathonRP Something like this..

Yes, close enough, I wanted value and label on both sides but this is good enough

from layerchart.