javascript - 如何使用angularjs在visjs中添加放大缩小按钮?

标签 javascript angularjs angularjs-directive vis.js vis.js-network

visjs network graph 中需要放大和缩小按钮方面的帮助使用angularjs,我找不到任何相关的选项。请帮忙,我也提供一个plunker link举个例子

代码

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

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

最佳答案

看看 interaction, navigationButtons选项。它具有用于缩放、平移和重置 View 的内置控件。

您需要更改您的 vis 选项以包括 navigationButtons: truekeyboard: true 以启用 keboard 快捷方式

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

检查这个plunker

关于javascript - 如何使用angularjs在visjs中添加放大缩小按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31078184/

相关文章:

angularjs - 将 Markdown 集成到 AngularJS 中?

javascript - AngularJS([$解析:syntax] Syntax Error: Token ':' is an unexpected token at) when value is URL

javascript - Internet Explorer 上的 jquery ajax 问题

javascript - 在第一个脚本完成后 1 秒结束脚本

angularjs - 如何使用 AngularJS 最小化不断变化的网站样式变化

javascript - Angular Material $mdDialog.hide() 不起作用

mysql - 使用 MYSQL 数据进入控制台但未呈现在 HTML 页面上

javascript - 合并对象(关联数组)

javascript - 将 js 对象映射到 V8 中的结构

javascript - Grunt 任务在执行时不创建 dist 文件夹