更新 Dygraphs 的插件参数

Question

使用 Dygraphs 我可以在初始加载时设置插件

plugins: [
    new Dygraph.Plugins.Crosshair({
    direction: "both"
    })
]

但我似乎无法使用 updateOptions

更改方向参数

我试过了

var pluginOpt = {};

pluginOpt = { 

    plugins: [
        new Dygraph.Plugins.Crosshair({
        direction: "neither"
        })
    ]

 };

 g.updateOptions({
      plugins: pluginOpt
 });

也试过只传递 direction ，都失败了，没有任何更新

Answer 1

您无法使用 updateOptions 更改插件。对不起。如果插件想要支持更新，它需要提供一个 API 来实现。这肯定会更好。

与此同时，您的解决方法是销毁 dygraph 并使用您喜欢的插件设置创建一个新的。

Answer 2

您需要安装 dygraphs 和 types/dygraphs npm i dygraphs --save npm i @types/dygraphs --save

然后你需要插入这些行来使用插件：

require('./../../../../node_modules/dygraphs/src/extras/synchronizer.js'); declare var Dygraph:any;

根据您的项目更改require 字符串中的路径，您可以在创建图形时使用该插件。来自我正在运行的项目的示例代码：

this.graph = new Dygraph(document.getElementById("graph"), this.data, { legend: 'always', drawPoints: true, animatedZooms: true, showRoller: true, plugins: [ new Dygraph['Plugins'].Crosshair({ direction: "vertical" }), ] })

我在 Angular 8.

开始工作了

更新 Dygraphs 的插件参数

Update plugin parameter for Dygraphs

dygraphs