使用Angular 2访问图表js的隐藏/取消隐藏数据系列功能

Question

我目前正在使用建立在chartJS之上的PrimeNG图表。

我尝试实现的用例是使用外部按钮隐藏/取消隐藏特定数据系列。

目前，我们可以通过点击相应数据系列的标签来实现此目的。

有人能指出我正确的方向吗？

Answer 1

您可以执行以下操作：

在HTML上：

<div ng-hide="myCondition">
      ... content you wanna hide
<div>
<button ng-click="hidePanel()">HIDE</button>

在你的javascript上

$scope.hidePanel = function (){
    $scope.myCondition = false;
}

不要忘记在Javascript的开头启动值myCondition为true，否则ng-Hide将无法正常运行

Answer 2

  

目前我们可以通过点击相应的标签来完成此操作   数据系列。

你知道PrimeNG的哪种javascript方法可以处理吗？如果是，您应该在按钮点击处理程序中调用PrimeNG调用的方法。