d3js как прикрепить данные к path ?

function Chart(id, data) {
            var chartData = JSON.parse(data);
            var width = window.innerWidth * 0.85;
            var height = window.innerHeight * 0.75 *2;
 
            var svg = d3.select(id)
                .append("svg")
                .attr("width", width)
                .attr("height", height);
            var parseDate = d3.timeParse("%d.%m.%Y %H:%M:%S"); 
            var xscale =
                d3.scaleTime()
                    .domain([Date.parse(parseDate(chartData[0].timeData))-60000,
                        Date.parse(parseDate(chartData[chartData.length - 1].timeData)) + 60000])
                    .range([0, width*0.95])
                    ;
            var yscale = d3.scaleLinear()
                .domain([0, d3.max(chartData, function (d) { return (d.lvlData*1.1)/10.0; } )] )
                .range([height / 2, 0]);
 
            var x_axis = d3.axisBottom().scale(xscale)
                .tickFormat(d3.timeFormat("%H:%M"))
                ;
 
            var lineLvl = d3.line()
                .x(function (d) {
                    return xscale(Date.parse(parseDate(d.timeData)));
                })
                .y(function (d) {
                    return yscale(d.lvlData/10.0);
                });
 
            var lineVolume = d3.line()
                .x(function (d) {
                    return xscale(Date.parse(parseDate(d.timeData)));
                })
                .y(function (d) {
                    return yscale(d.volumeData);
                });
            /////////////////////////////////////////////////
            var focus = svg
                .append('g')
                .append('circle')
                .style("fill", "none")
                .attr("stroke", "black")
                .attr('r', 8.5)
                .style("opacity", 0);
            ////////////////////////////////////////////////
            svg.append("path")
                //.data(chartData, function (d) { return d.lvlData / 10.0 ;})
                .attr("stroke", "blue")
                .attr("stroke-width", 2.5)
                .attr("fill", "none")
                .attr("d", lineLvl(chartData))
                .on("mouseover", function (event) {
                    d3.select(this).transition()
                        .attr('opacity', '.55');
                    focus.style("opacity", 1);
                    //console.log(event);
                })
                .on("mousemove", function (event, d) {
                    focus.attr("cx", event.layerX);
                    focus.attr("cy", event.layerY);
 
                    console.log(d.toString() );
                })
                .on("mouseout", function () {
                    d3.select(this).transition()
                        .attr('opacity', '1');
                    focus.style("opacity", 0);
                });
 
            svg.append("path")
                .attr("stroke", "green")
                .attr("stroke-width", 2.5)
                .attr("fill", "none")
                .attr("d", lineVolume(chartData));
 
            var y_axis = d3.axisLeft().scale(yscale);
            svg.append("g")
                .attr("transform", "translate(50, 10)")
                .call(y_axis);
 
            var xAxisTranslate = height / 2 + 10;
            svg.append("g")
                .attr("transform", "translate(50, " + xAxisTranslate + ")")
                .call(x_axis);
        }