Question

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

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

但我似乎无法使用updateOptions

更改direction参数

我试过

var pluginOpt = {};

pluginOpt = { 

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

 };

 g.updateOptions({
      plugins: pluginOpt
 });

还尝试传递direction，两者都无声地失败，没有任何更新

Answer 1

您无法使用updateOptions更改插件。抱歉。如果插件想要支持更新，则需要提供API来执行此操作。这肯定会更好。

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

Answer 2

您需要安装图表和类型/图表 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的插件参数

2 个答案: