d3-timeseries | Time series charting library based on d3.js | Time Series Database library

is there any functionality to update your chart data? if the answer is yes, then you only need to add a new flag to your main data and enable/disable it when user clicks on legends and redraw or update your chart. at the draw function, you must check if the flag is enabled for each line and then allow it to be drawn.

but if you don't have update functionality... then.. maybe its a solution to get a reference of your lines after ( or at the time of ) appending to your parent container, then by clicking on legends make all dots to zero but still you have to re-draw your axis if you want to achieve the given example.. so I can suggest you make a update functionality to your chart that you can re-draw your chart based on new data.

Update : I just thought you are developing a D3 chart from scratch but after I posted this i noticed you are using an script which has functions to generate a line chart based on D3.js

Update 2: As I'm not sure how exactly your entire script might look I can only guess this might work for you... place a button some where at your HTML ( outside of your chart element)

First of all, you have to reference d3-timeseries:

It seems you need convert TIMESTAMP column to datetime by parameter parse_dates in read_csv:

To use this library you need to perform a few steps which are not very well documented anywhere.

1. Download ZIP.
2. Install bower if you don't have already
3. Do bower install inside this directory
4. Zip will contain an src folder with d3_timeseries.js and d3_timeseries.css link both of them to your html file

Sample index.html file that will work if used within the folder you unzipped library: