如何隐藏图表图例

Question

我在我的应用中使用Charts.js，我正在尝试构建功能，允许用户以编程方式启用或禁用图例（它将是可见的或隐藏的）。

我看过如何通过基于ID获取canvas对象然后获取context(2d);来更改图表数据的示例，但我无法弄清楚如何应用新选项。

有办法怎么做？

P.S。我正在构建如下的条形图：

在我的页面下我使用ng-repeat来构建它：

<canvas data="{{data}}" id="{{'myChart_' + $index}}" width="1200" height="600""></canvas>

以下是我的角应用中的代码：

    $scope.ChartOptions = {
        legend: {
            display:true,
            position: 'bottom'
        },
        scales: {
            xAxes: [{
                stacked: true,
                scaleLabel: [{ display: true }, { labelString: "Test" }],
            }],
            yAxes: [{
                stacked: true,
                scaleLabel: [{ display: true }, { labelString: "Test" }],

            }]
        },
        responsive: true,
        maintainAspectRatio: true,
        hover: {
            mode: 'single'
        }
    };


            var ctx = $("#myChart_" + index).get(0).getContext("2d");
            var myBarChart = new Chart(ctx, {
                type: 'bar',
                data: data,
                options: $scope.ChartOptions
            });