如何使用angularjs在visjs中添加缩放按钮？

Question

需要帮助在使用angularjs的visjs网络图中放大和缩小按钮,我找不到任何相关的选项.请帮助,我也提供一个plunker链接作为例子

码

<vis-network data="data" options="options" height="100%"></vis-network>

$scope.options = {
  autoResize: true,
  height: '800',
  width: '100%'
};

Answer 1

看看交互,navigationButtons选项.它内置了缩放,平移和重置视图控件.

您需要更改vis选项以包含navigationButtons: true并keyboard: true启用keboard快捷方式

$scope.options = {
  autoResize: true,
  height: '600',
  width: '100%',
  interaction: {
      navigationButtons: true,
      keyboard: true
  }
};

检查这个plunker