walterra/d3-milestones

Layout issues

walterra opened this issue · 4 comments

Issue with the top/bottom example examples/lotr-top-bottom.html

image

hi Walte
1.How to reference npm i d3 milestones in the Vue2 project

2.I have discovered a layout issue where the outer margin is automatically calculated. When the left outer margin of a subsequent element is only 1 px larger than the left outer margin of the previous element, there will be layout errors!
1720086818928

1720086789704

As shown in the figure!

Thanks for the bug reports! Is it possible to share the dataset so I can reproduce? That would make it easier to work on a fix.

As for vue.js support, I would need to create a separate package like the one I did for react (https://github.com/walterra/react-milestones-vis). Cannot promise that I get around to do that, I have no previous experience with vue.js, sorry.

Hi walterra

1.usage method :
milestones("#timeline")
.mapping({
timestamp: "timestamp",
text: "title",
})
.optimize(true)
.aggregateBy("day")
.distribution("bottom")
.render(milestonesList);
2. Please refer to the attachment for detailed data
data set.docx

Hi walterra

Can the tool support day month year