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

Question

我目前正在使用基于 chartJS 构建的 PrimeNG 图表。

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

目前我们可以通过点击相应数据系列的标签来做到这一点。

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

score 1 · Accepted Answer

您可以执行以下操作：

在 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 将无法正常运行

score 0 · Accepted Answer

目前我们可以通过点击相应数据系列的标签来做到这一点。

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

2 回答 2