c3js / c3js/c3

Render issue when interrupting render with another render

Open
#2,673 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
9.3k
Forks
1.4k
Avg merge
6d 16h
Merged PRs (30d)
1

Description

* **C3 version**: 0.7.3
* **D3 version**:
* **Browser**: Firefox 68.0
* **OS**: Fedora 30

Whenever data is being loaded and another load happens before the previous one finishes, there will be some render issues. This is most prevalent when unloading when loading new data

Example: The purple line in this image is before the update. Hovering over the line will not cause the tooltip to appear
![image](https://user-images.githubusercontent.com/6598829/62771877-7c07dd00-ba9e-11e9-9189-1148e26e8872.png)

Hovering over where it should be:
![image](https://user-images.githubusercontent.com/6598829/62771888-832eeb00-ba9e-11e9-850b-bd115ccc1522.png)

CodeSandbox where I've been able to reproduce it. Here the `data2` should end up at 400, but don't change: https://codesandbox.io/s/modest-thunder-xh7bx?fontsize=14

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox and reproduce an update while data is loading, especially unloading while loading new data. Compare the interrupted render with the expected result: data2 should reach 400 and the existing purple line should respond to hover with a tooltip.

Written by the indexing model from the issue text.

Assessment

Tech stack
d3, javascript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.