Date format?

[mzupan]

I'm wondering if there's anyway to force it to do daily blocks and format the time format in the header?

RIght now with code i'm seeing this

I want to see each day for the next 2 weeks if possible

thanks

EDIT

ok figured out the formatting like

:renderTimestampLabel="(timestamp) => {
      const date = new Date(timestamp)
      return `${(date.getMonth() + 1).toString()}/${date.getDate().toString()}`
    }"

That still just shows 1/1 and 1/8

[laurens94]

The logic for determining which timestamps to render is not customizable yet.
I'll try to make this configurable in the next release!

Thanks for bringing this to my attention! 👍

[laurens94]

Actually there's a simpler workaround. You can decrease the minTimestampWidth prop so that the component allows more timestamps in the current view.

It now renders per-week because the amount of days times the default minTimestampWidth (100px) won't fit in the viewport.

Let me now if this works!

[mzupan]

@laurens94 thanks.. that seems to be a good option.. i only give 3 choices to change the timerange so i can just hard code that setting for each time range to get that to work..

thanks!

[laurens94]

Nice! I also added an option to overwrite the default time unit snapping options, using the scale prop:

Information:
https://laurens94.github.io/vue-timeline-chart/guide/timestamps-and-scale.html

Example:
https://laurens94.github.io/vue-timeline-chart/examples/custom-timestamp-intervals.html