c3js / c3js/c3

Combination chart w/ sub-chart range selected conflicts with flow api.

Open
#383 3 comments 0 reactions 0 assignees View on GitHub
C-bug
Dominant language
JavaScript
Stars
9.3k
Forks
1.4k
Avg merge
6d 16h
Merged PRs (30d)
1

Description

I discovered a bug with the rendering of the chart and sub-chart when using the flow api and selecting a section of the sub-chart. My jsfiddle below generates a step-area chart. I then flow every 5000 ms, taking the first value and adding it to the end.

http://jsfiddle.net/bjlbernal/CvjLK/

After going to the above jsfiddle, highlight a section of the sub-chart.

When the next flow interval happens, you should see the following behaviors.

1) The area of the sub-chart gets out of sync with the line. The sub-chart area appears to match the main chart.

2) The main chart x-axis ticks continue to move as the flow api shifts the values.

3) Eventually, when the selected area falls off the left the main chart no longer renders.

I don't know what would be the most reasonable solution, but I would expect any combination of possible behaviors.
- The sub-chart area element being in sync with the sub-chart line element.
- The main chart and x-axis to freeze where selected while flow continues to change sub-chart.
- Flow api to be buffered while zoom selection enabled.
- Flow api being temporarily disabled when zoom selection used.
- Zoom selection disabled when flow api used.
- A note indicating that sub-charts shouldn't be used with active flow api.

Your thoughts?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.