Javascript 如何在谷歌图表中显示和隐藏图例

谁能告诉我哪种方法是显示/隐藏线条图例的最佳方法（如果使用复选框更改可见性）

我应该在折线图中最多有7个图例

我的代码如下：

function DrawGraph(chartsdata, title, charttype) {

    //debugger;
    google.charts.load('current', { 'packages': ['corechart'] });
    google.charts.setOnLoadCallback(DrawChart);

    function DrawChart() {
        var data = new google.visualization.DataTable();

        data.addColumn('string', '');
        data.addColumn('number', '');

        try {

            var data = google.visualization.arrayToDataTable(chartsdata);
        }
        catch (e) {
            //debugger;
            //document.writeln(e);
        }

        var optionsBar = {
            title: title,
            isStacked: true,
            hAxis: {
                type: "datetime",
                showTextEvery: 1,
                ticks: [2016,2017,2018,2019,2020,2021,2022,2023]
            },
            legend: {
                position: 'bottom',
                textStyle: { fontSize: 12 }
            }
        };

        var optionsLine = {
            title: title,
            //width: 500,
            seriesType: 'line',
            legend: {
                position: 'bottom',
                textStyle: { fontSize: 11 }
            }
        };

        if (charttype == "line") {
            var chart = new google.visualization.LineChart(document.getElementById('chartdiv'));
            chart.draw(data, optionsLine);
        }
        else {
            var chart = new google.visualization.ColumnChart(document.getElementById('chartdiv'));
            chart.draw(data, optionsBar);
        }
    }
}

---

使用

none

/

bottom

作为位置切换图例：

legend: {position: 'none'} //to hide

---

如何在运行时选择特定图例并隐藏？我的意思是在复选框复选框中隐藏线条？有关使用复选框显示/隐藏线条的完整示例，请参阅，并保持每个系列的线条颜色一致。。。