shutterstock/rickshaw

Animate the adding of new values

Open

#67 opened on 2012年6月6日

GitHub で見る
 (3 comments) (0 reactions) (0 assignees)JavaScript (6,540 stars) (1,009 forks)batch import
enhancementhelp wanted

説明

On a line graph, it could be nice to have the impression that the values are added continuously even if it's not really the case. This would be made possible if the values where sliding continuously from the right to the left, and the last value is displayed after the duration of the slide.

This means that the graph will not be real time anymore, but the visualisation could be smoother and nicer to look. Any thoughts on this?

コントリビューターガイド

技術スタック
javascript
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2 days
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
JavaScriptbasic animation concepts
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40
調査方針
The issue suggests animating new values sliding from right to left in a line graph. Review the current rendering code for line graphs in Rickshaw, likely in files like 'src/rickshaw/graph/line.js' or similar. Look for how data points are added and rendered. The animation could be implemented by shifting the x coordinates of existing points and smoothly transitioning new points from the right edge. Check any existing animation utilities in the codebase. The maintainers may have opinions on performance vs. aesthetics, as noted in the existing comments.
Animate the adding of new values · shutterstock/rickshaw#67 | Good First Issue