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

[bjlbernal]

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?

[masayuki0812]

Hi, Thank you for looking into this. As you said, currently there is a bug when flow API is used with subchart and zoom. So, now we should avoid using flow API with zoom/subchart and we need to fix.

About its solution, I think flow API should be always callable and other functionalities like zoom and subchart should be disabled temporary until flow ends. It would not be possible to select range of zoom/subchart while flowing.

[mg1075]

Is there a workaround for this if flow does not accomplish the task?

[mg1075]

Also, the fiddle in the original question is broken.

Here is an example that perhaps mimics the same problem.

http://jsfiddle.net/6L4ae1fy/1/