Comments (5)
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.
Related Issues (20)
- Integration examples HOT 1
- Canvas events for path shapes
- Canvas infinite loop issue (Svelte 3/4) HOT 1
- Svelte 5 support / migration
- Document colors without Svelte UX HOT 5
- Document click events (tooltip, etc)
- Download as PNG / SVG / etc HOT 5
- [Bar] Round single side HOT 1
- Suggestion: use "alias" so page source / example match usage HOT 8
- [HitCanvas] Find way to fully remove anti-aliasing of shapes
- Chart improvements HOT 3
- [TransformContext] Improve `translateOnScale`
- Expose `on:tick` from `ForceSimulation` to allow for dynamic simulation tuning HOT 1
- `ForceSimulation` keeps redundantly re-initializing all forces any time any of their parameters change HOT 1
- `ForceSimulation` does not update its `alpha` prop based on the internal d3 simulation
- `ForceSimulation`'s `cloneData` should probably be `export const`
- `ForceSimulation` keeps redundantly re-initializing all forces any time any other (non-force) props change
- `ForceSimulation` never evicts obsolete forces HOT 1
- Handle svelte-check warnings HOT 1
- [Tooltip] A11y and interaction improvements HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from layerchart.