自定义Chronograf的UI

Question

我正在尝试在我的项目中使用Chronograf。我想改变的用户界面的计时器，以适应该项目。

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

Answer 1

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

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

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

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

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

如果只想在UI上工作，可以编辑parcel.js并将http://localhost:8888的位置更改为当前Chronograf实例的位置。

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

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

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