0

我正在尝试在我的项目中使用 Chronograf。我想更改 Chronograf 的 UI 以适应项目。

我找不到任何与此相关的文件。我们可以定制 Chronograf UI 以满足要求吗?如果是这样,我们该怎么做?

4

1 回答 1

0

我做了一些类似的工作。我必须确保 Chronograf UI 仅限于探索和仪表板选项卡。另外,我必须添加用户管理,以便用户仅限于特定的测量和仪表板。

Chronograf 是开源的。您可以从https://github.com/influxdata/chronograf克隆它

  • 后端是用 Go 编写的。
  • UI 是用 React.js 编写的(使用 Typescript)。

您可以在子文件夹中找到 UI 代码/uihttps ://github.com/influxdata/chronograf/tree/master/ui

要构建它,您将需要Node.jsyarn

如果您只想处理 UI,您可以编辑parcel.js并将位置更改为http://localhost:8888当前 Chronograf 实例的位置。

然后yarn start/ui文件夹中运行并转到http://localhost:8080

如果您对 UI 代码进行更改,http://localhost:8080将自动刷新以反映您的更改。

如果您已准备好进行开发,请按照自述文件中的说明从源代码构建 Chronograf:https ://github.com/influxdata/chronograf#from-source

于 2019-04-25T12:14:06.680 回答