I want to create a proof of concept using C3.js and I am looking for some direction. This is what I want to achieve using C3.js

• I have a dataset with a lot of different data
• Initially all data is visible in a C3.line chart (so a lot of lines)
• I want to have checkboxes available to check/uncheck data to make a line visible/invisible
• Because of the bandwidth of the data I want to change the Y-axes values dynamically
• I already use two y-axes to be able to combine more lines in the same chart

As an example. The dataset could be sales of different articles in one year. For example bread, milk, butter, chocolates, hamburgers, etc.

I want to have the possibility to check, for example, milk and hamburgers so only see these two lines (milk on the left y-axis and hamburgers on the right y-axis). Next I uncheck hamburgers and check bread, so the values on the right y-axis need to change.

I am not asking for a complete solution but some kind of the direction or bits and pieces to set up this proof of concept.