Code Monkey home page Code Monkey logo

fe's Issues

v6-ga4 添加 es 数据源报错

添加 ES 数据源 返回 400 错误

  • ui 返回错误
request url:https://dev-elasticsearch.dr.cn/api/v1/query?query=1%2B1 failed code:400
  • 日志报错
ERROR router/router_datasource.go:114 Error making request: 400

在新标签中打开监控大盘标签能否显示大盘名称

在新标签中打开监控大盘,标签能否显示大盘名称。否则开多个大盘,都是一个标签名称无法快速找到自己需要查看的大盘。

另外,能否支持页面多开的功能,目前右击菜单无法选择在新标签中打开

elasticsearch查询中过滤条件查询结果不对

比如我想要查询 ip地址为172.27.8.9 并且 logtype是slow的所有日志,输入如下查询:ip:172.27.8.9 and logtype:slow 或者 172.27.8.9 and slow;但是结果不对,我在kibana上面查询的结果是没问题的

仪表盘分享页面,筛选时间显示utc时间

操作步骤:

  1. 在仪表盘页面,使用右上角的时间筛选功能选择起始时间和结束时间筛选时间段(不要选择最近xx时间)
  2. 随便选择一个图表,点击分享
    预期:
    在分享页面,右上角使用预设的时区显示时间段,和仪表盘页面时间显示一致
    实际:
    在分享页面,右上角使用了utc时区显示了时间段

注意:
需在仪表盘的页面设置时间段才会出现,如果直接在分享页面设置时间段正常。
image

特定步骤下,即时查询bug,可复现

chrome 版本:112.0.5615.138
n9e 版本:6.0 ga11
复现步骤:
1
image
记得点 确定
2
image
3.
image
4.这时候再查询就不行了
image
5. 必须浏览器刷新了,不知道是不是操作逻辑有问题

nginx 访问/monitor无法转发成功

想通过nginx转发请求,按如下配置“nginx 配置”可以正常通过根访问到程序。我看咱们前端代码都是绝对路径,如果想通过/monitor 、/monitor/api/n9e 访问到资源,是否可以通过nginx实现?还是必须修改前端代码?

前端版本:5.14.1
后端版本:v5.14.0-da5dd683d684901389336f96c55ae58837b9230e

nginx 配置
server {
listen 80;
server_name 0.0.0.0;
location / {
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_connect_timeout 60;
proxy_read_timeout 600;
proxy_send_timeout 600;
proxy_pass http://172.16.0.27:10000;
}
location ^~ /api/n9e {
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_connect_timeout 60;
proxy_read_timeout 600;
proxy_send_timeout 600;
proxy_pass http://172.16.0.27:10000/api/n9e;
}
}

日志分析界面优化「需求」

日志分析:
选择索引及字段等信息后,查询到的日志信息,仅占屏幕三分之一到四分之一,阅读空间太小了,不便于阅读,尤其是多查询时。
希望能优化日志显示界面。
比如:将左侧做一个弹入弹出功能?全屏显示?
image

登录页面无限重定向

服务端设置 AnonymousAccess.PromQuerier=false时, 进入登录页面, 出现不停重定向到登录页的情况.
发现是登录页调用/api/n9e/datasource/brief, 返回401后重定向到登录页
image
image

初始化白屏

你好,执行完 install 之后 run dev正常,页面空白,这个是什么问题?

image

执行npm run build 好像是卡住了
image

npm 8.3.1
node 16.14.0

v5升级v6后大盘no data,提示:bad_data: 1:33: parse error: unexpected identifier "s342" in label matching, expected "," or "}"

刚刚从v5升级到v6.0.0-ga.4.1,上去监控大盘查看数据显示nodata,点击编辑进入编辑页面后又有数据了,过一段时间再打开大盘再次显示nodata,最后找到原因是大盘迁移后第一次进入默认的大盘变量会自动给你带上引号,导致出现报错:bad_data: 1:33: parse error: unexpected identifier "s342" in label matching, expected "," or "}";重新选择变量,问题解决,再次进入大盘也不会出现问题

Hexbin的tips 优化建议

Hexbin的tips 默认展示指标的所有的label, 显得比较复杂,是否可以加入定制化的功能
image

npm install failure

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^17.0.0" from the root project
npm ERR! peer react@">=16.8.4" from @ant-design/[email protected]
npm ERR! node_modules/@ant-design/graphs
npm ERR! @ant-design/graphs@"^1.3.6" from the root project
npm ERR! 62 more (@ant-design/icons, @ant-design/plots, @icons/material, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0" from [email protected]
npm ERR! node_modules/react-ace
npm ERR! react-ace@"^8.1.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR! peer react@"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0" from [email protected]
npm ERR! node_modules/react-ace
npm ERR! react-ace@"^8.1.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!

Table 下钻方案

table的下钻要不要加到字段上,这里添加超链接的配置, 但是具体样式还没想好。
image

npm build Failed

#0 49.47 src/pages/alertRules/Form/Rule/Rule/Log/index.tsx(26,48): error TS2307: Cannot find module 'plus:/datasource/aliyunSLS' or its corresponding type declarations.
#0 49.47 src/pages/alertRules/Form/Rule/Rule/Log/index.tsx(27,52): error TS2307: Cannot find module 'plus:/datasource/elasticsearch' or its corresponding type declarations.
#0 49.47 src/pages/alertRules/Form/Rule/Rule/Metric/index.tsx(27,41): error TS2307: Cannot find module 'plus:/datasource/clickHouse' or its corresponding type declarations.
#0 49.47 src/pages/alertRules/Form/Rule/Rule/Metric/index.tsx(28,39): error TS2307: Cannot find module 'plus:/datasource/influxDB' or its corresponding type declarations.
#0 49.47 src/pages/alertRules/Form/Rule/Rule/index.tsx(21,38): error TS2307: Cannot find module 'plus:/datasource/anomaly' or its corresponding type declarations.
#0 49.47 src/pages/alertRulesBuiltin/index.tsx(93,21): error TS2345: Argument of type 'number | RuleCateType | (() => IterableIterator<RuleCateType>) | (() => { copyWithin: boolean; entries: boolean; fill: boolean; find: boolean; findIndex: boolean; keys: boolean; values: boolean; }) | ... 30 more ... | (<A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<...>[])' is not assignable to parameter of type 'SetStateAction<RuleCateType | undefined>'.
#0 49.47   Type 'number' is not assignable to type 'SetStateAction<RuleCateType | undefined>'.
#0 49.47 src/pages/dashboard/Editor/QueryEditor/index.tsx(5,43): error TS2307: Cannot find module 'plus:/datasource/aliyunSLS' or its corresponding type declarations.
#0 49.47 src/pages/dashboard/Editor/QueryEditor/index.tsx(6,40): error TS2307: Cannot find module 'plus:/datasource/zabbix' or its corresponding type declarations.
#0 49.47 src/pages/dashboard/Editor/QueryEditor/index.tsx(7,42): error TS2307: Cannot find module 'plus:/datasource/influxDB' or its corresponding type declarations.
#0 49.47 src/pages/dashboard/Renderer/datasource/useQuery.tsx(28,41): error TS2307: Cannot find module 'plus:/datasource/aliyunSLS' or its corresponding type declarations.
#0 49.47 src/pages/dashboard/Renderer/datasource/useQuery.tsx(29,38): error TS2307: Cannot find module 'plus:/datasource/zabbix' or its corresponding type declarations.
#0 49.47 src/pages/dashboard/Renderer/datasource/useQuery.tsx(30,40): error TS2307: Cannot find module 'plus:/datasource/influxDB' or its corresponding type declarations.
#0 49.47 src/pages/dashboardBuiltin/index.tsx(76,21): error TS2345: Argument of type 'number | BoardCateType | (() => IterableIterator<BoardCateType>) | (() => { copyWithin: boolean; entries: boolean; fill: boolean; find: boolean; findIndex: boolean; keys: boolean; values: boolean; }) | ... 30 more ... | (<A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<...>[])' is not assignable to parameter of type 'SetStateAction<BoardCateType | undefined>'.
#0 49.47   Type 'number' is not assignable to type 'SetStateAction<BoardCateType | undefined>'.
#0 49.47 src/pages/event/LogsDetail/index.tsx(1,40): error TS2307: Cannot find module 'plus:/datasource/aliyunSLS' or its corresponding type declarations.
#0 49.47 src/pages/event/LogsDetail/index.tsx(2,44): error TS2307: Cannot find module 'plus:/datasource/elasticsearch' or its corresponding type declarations.
#0 49.47 src/pages/event/Preview/index.tsx(7,43): error TS2307: Cannot find module 'plus:/datasource/anomaly' or its corresponding type declarations.
#0 49.47 src/pages/event/Preview/index.tsx(8,52): error TS2307: Cannot find module 'plus:/datasource/elasticsearch' or its corresponding type declarations.
#0 49.47 src/pages/event/Preview/index.tsx(9,48): error TS2307: Cannot find module 'plus:/datasource/aliyunSLS' or its corresponding type declarations.
#0 49.47 src/pages/event/Preview/index.tsx(10,49): error TS2307: Cannot find module 'plus:/datasource/influxDB' or its corresponding type declarations.
#0 49.47 src/pages/event/detail.tsx(31,46): error TS2307: Cannot find module 'plus:/datasource/elasticsearch' or its corresponding type declarations.
#0 49.47 src/pages/event/detail.tsx(32,42): error TS2307: Cannot find module 'plus:/datasource/aliyunSLS' or its corresponding type declarations.
#0 49.47 src/pages/event/detail.tsx(33,41): error TS2307: Cannot find module 'plus:/datasource/influxDB' or its corresponding type declarations.
#0 49.47 src/pages/explorer/Explorer.tsx(28,39): error TS2307: Cannot find module 'plus:/datasource/aliyunSLS' or its corresponding type declarations.
#0 49.47 src/pages/explorer/Explorer.tsx(30,40): error TS2307: Cannot find module 'plus:/datasource/clickHouse' or its corresponding type declarations.
#0 49.47 src/pages/explorer/Explorer.tsx(31,36): error TS2307: Cannot find module 'plus:/datasource/zabbix' or its corresponding type declarations.
#0 49.47 src/pages/explorer/Explorer.tsx(32,38): error TS2307: Cannot find module 'plus:/datasource/influxDB' or its corresponding type declarations.
#0 49.47 src/routers/index.tsx(66,39): error TS2307: Cannot find module 'plus:/datasource/anomaly' or its corresponding type declarations.

监控仪表盘

image
image

仪表监控盘--> 在我切换project 变量值时,ident 值还停留在上次project 对应的主机列表中,输入框选中的的ident没有跟着 project切换而变化, 这个需要优化下吗?

版本: 6.0.0-ga.4

标签页数据未精确过滤匹配

image

如图所示的现象:
vm标签页里面有vminsert标签 和 vimselect标签 的数据,vminsert标签有自己的监控指标,vmselect同理。

优化建议:
按当前的逻辑,要么全部在vm标签页,就不要有vminsert vmslect标签出现,
要么vm标签只有vm精确匹配开头指标,vminsert开头的出现在vminsert标签。

PS:之前有反馈过此问题,看样子V6版本没修复。以上是个人建议,如果与你们的理念冲突请忽略。

[需求] 时间序列图当 Legend 显示模式调整成列表时,希望能在右侧显示出对应的指标值

当 Legend 较多的时候,后面的指标会被隐藏掉,导致无法看到所有的数据。
image

但把 Legend 调整成列表并放在右侧时,可以上面滚动,能看到所有的 Legend,但是对应的指标值又看不到了,希望当 Legend 为列表模式时,能在右侧显示出对应的指标值。这样即使 Legend 较多,但在 dashboard 上能通过上下滚动,看到所有的指标值。
image

告警规则 - 规则配置 中默认使用 Metrics

目前添加告警规则的 规则配置中使用的是 Host

是否可以改成使用 Metrics 比较通用呢?

Host 应该是使用的 对象列表 . 目前没有使用 pushgw 上报,所以没有这个 列表

grafana 大盘导入问题收集

目前只支持导入 v8+ 版本的仪表盘配置,导入完的图表只支持夜莺目前支持的图表类型和功能
v6.2.0 + 已经不再对 grafana 版本限制,但是低于 v8 的版本导入后可能体验会比较差

以便快速排查问题,需要填写下面的信息

  1. grafana 版本信息
  2. 尽可能的详细描述下问题
  3. grafana 大盘 json,建议上传文件或者以下面的可折叠的方式贴入 json
<details>
  <summary>Click to expand</summary>
  grafana dashboard json
</details>

目前导入后无法支持的配置和功能 (持续更新 2024-05-07)

  1. 只支持导入 Prometheus 源的变量和图表配置
  2. Table 图完全不支持
  3. Transform 不支持
  4. 单位部分支持
  5. overrides 部分支持

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.