Quantity over time #3
Replies: 3 comments
-
Hi! I'm glad that you like it. :) Interesting use case! Then you could display the set of grouped-as-quantity events as ranges (as they never overlap and actually have a defined start and end time) and you can add custom styling to display them in various heights: :deep(.item.range) {
height: var(--_height, 100%);
bottom: 0;
top: auto;
} You can set the So it might look similar to this (this is a screenshot from another project that uses this timeline): It makes sense to add a tooltip to these range-events with the exact amount. Let me know if this works for you! 👍 |
Beta Was this translation helpful? Give feedback.
-
@coupster74 I just added another slot ( There's an example in App.vue, where you can see how this could be integrated. |
Beta Was this translation helpful? Give feedback.
-
That’s awesome. Thank you!
… On Nov 14, 2023, at 8:55 AM, Laurens ***@***.***> wrote:
@coupster74 <https://github.com/coupster74> I just added another slot (items-$GROUPID), so it's now possible to replace the entire plotting of items with some custom chart plotting library (such as d3.js <https://github.com/d3/d3>). Maybe this is useful to you.
There's an example in App.vue, where you can see how this could be integrated.
<https://user-images.githubusercontent.com/5780704/282838885-fcd9b24a-e905-4634-906c-3bc35f717468.png>
—
Reply to this email directly, view it on GitHub <#3 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABVKEIWFL6AU63OJFMNG47TYEOH6NAVCNFSM6AAAAAA6WR5YKOVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM3TKNRXGA4TI>.
You are receiving this because you were mentioned.
|
Beta Was this translation helpful? Give feedback.
-
Hello! I love your control. We are considering using it on a project of ours, but I wanted to describe our use case and see how difficult it would be to augment/enhance the solution to meet our needs.
We want to be able to visualize quantity as events part of the timeline, so if you are at the hourly level, you might see events throughout the day represented by points (as you have now), but as we zoom out to higher time buckets (day, days, week, weeks, month, months, etc), we want to see some visual representation of quantity for the time bucket. So while at the hour level, there might be 15 points, once the display shows at the day level, there would something to represent the quantity of 15.
my original through was either size of dot to represent volume (but this could get messy as they overlay, and hard to understand and visualize growth), or a line graph... below is an example at the week bucket level with 3 series.
Ideas? thoughts?
Beta Was this translation helpful? Give feedback.
All reactions