【问题标题】:Customizing the UI of Chronograf自定义 Chronograf 的 UI
【发布时间】:2019-03-22 11:18:54
【问题描述】:

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

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

【问题讨论】:

    标签: chronograf


    【解决方案1】:

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

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

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

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

    要构建它,您需要 Node.jsyarn

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

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-09-13
      • 1970-01-01
      • 1970-01-01
      • 2014-09-27
      • 1970-01-01
      • 2011-11-28
      • 1970-01-01
      相关资源
      最近更新 更多