0

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

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

4

1 回答 1

0

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

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

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

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

要构建它，您将需要Node.js和yarn。

如果您只想处理 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 回答