onScaleUnitClick about timelines-chart HOT 2 CLOSED

/**
 * Setup the legend clicks.  
 * 
 * This has to run delayed after data enters the chart so that it happens after the legend has been created
 * 
 * @param {TimelinesChart} timelinesChart 
 * @param {HTMLElement} timelineDiv 
 * 
 */
function setupClicks(timelinesChart, timelineDiv) {
    const allColourSlots = timelineDiv.getElementsByClassName("color-slot");

    for (const slot of allColourSlots) {
        const rect = slot.getElementsByTagName("rect")[0]
        const text = slot.getElementsByTagName("text")[0]
        const myLambda = function () { filter_scale_unit(timelinesChart, text.innerHTML) };
        rect.addEventListener("click", myLambda);
        text.addEventListener("click", myLambda);
    }
}

/**
 * Filter the data based on the scale unit
 * 
 * @param {TimelinesChart} timelinesChart 
 * @param {string} scaleUnit 
 * 
 */
function filter_scale_unit(chart, scaleUnit) {
    const oldData = chart.data();
    const newData = JSON.parse(JSON.stringify(oldData));
    for (let i = newData.length - 1; i >= 0; i--) {
        let groupLength = 0
        for (const section of newData[i]["data"]) {
            for (let j = section["data"].length - 1; j >= 0; j--)
                if (section["data"][j]["val"] != scaleUnit)
                    section["data"].splice(j, 1);
            groupLength += section["data"].length
        }
        if (groupLength == 0)
            newData.splice(i, 1)
    }
    chart.data(newData);
}