使用 Vue 同步 Dygraph

Question

我正在尝试使用 'extras/synchronizer.js' 同步两个 dygraphs，因为它在此处完成 http://dygraphs.com/tests/synchronize.html 。我同时导入了插件和 dygraph 库本身，但收到模块错误 enter image description here

我可以做些什么来完成这项工作？

Answer 1

已解决，但不是特别漂亮。在 .vue 文件中，您要在以下位置构建图表：

// imports main dygraph class from /node_modules and adds it to window scope
import _DygraphRoot from 'dygraphs'
window.Dygraph = _DygraphRoot

// tacks on .synchronizer to the window scoped Dygraph
require('dygraphs/src/extras/synchronizer')

然后，您可以像这样从窗口访问 .vue 文件中的 Dygraphs：

let graph = new window.Dygraph(...)