При использовании чекбокса с Chart.js для выбора определенных линий скрытые линии также видны - PullRequest
Новая
       14

При использовании чекбокса с Chart.js для выбора определенных линий скрытые линии также видны

0 голосов
/ 13 мая 2019

Я пытаюсь использовать флажки, чтобы выбрать, какие линии показывать на графике Chart.js.Если флажок установлен, отображается диаграмма.Если затем отображается другая, отображаются две строки.Однако, если курсор перемещается вокруг графика, можно также увидеть исходный график с одной линией.Мы будем благодарны за любую помощь.

Когда выделена строка, она выглядит как this .Когда выбрана другая строка, она выглядит как this .Когда мышь перемещается, это также можно увидеть.Может ли показываться оригинальное полотно? 

getLineSet = () => {
            let lineSet = []

            if (document.getElementById("open").checked) {
                lineSet.push(createLine("Open", 34, 139, 34, open));
            }
            if (document.getElementById("high").checked) {
                lineSet.push(createLine("High", 0, 191, 255, high));
            }
            if (document.getElementById("low").checked) {
                lineSet.push(createLine("Low", 178, 34, 34, low));
            }
            if (document.getElementById("close").checked) {
                lineSet.push(createLine("Close", 75, 192, 192, close));
            }
            displayCanvas(ctx, lineSet);

        }

displayCanvas = (ctx, lineSet) => {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            new Chart(ctx, {
                type: 'line',
                data: {
                    labels: keys,
                    datasets: lineSet
                }
            });
        }
...