search

walterra / d3-milestones

A d3 based timeline visualization.
https://walterra.github.io/d3-milestones
Other
144 stars 27 forks source link

Layout issues #40

Open walterra opened 3 years ago

walterra commented 3 years ago

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

image

wuzhenlin commented 1 month ago

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!

walterra commented 1 month ago

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.

wuzhenlin commented 1 month ago

Hi walterra

1.usage method : milestones("#timeline") .mapping({ timestamp: "timestamp", text: "title", }) .optimize(true) .aggregateBy("day") .distribution("bottom") .render(milestonesList);

  1. Please refer to the attachment for detailed data data set.docx
wuzhenlin commented 1 month ago

Hi walterra

Can the tool support day month year