Grafana图表工具Graph使用教程-通过Grafana绘制折线图

本文涉及的产品
可观测可视化 Grafana 版,10个用户账号 1个月
简介: Grafana图表工具Graph使用教程-通过Grafana绘制折线图

新建Dashboard

新建panel

首次点击New Dashboard后,会自动进入以下页面,点击新建panel,创建数据面板。

新创建的数据面板,默认选择的就是Graph图形可视化样式。

主要分为视图展示区、数据库连接和sql编辑区、面板设置区,为了尽快展示图形,我们先操作数据库连接和sql编辑区。


数据库编辑区操作

检查数据库选择

缺省为default,如果安装grafana后,只连接了一个数据库,那基本上这里不用设置,如果有多个数据库,点击下拉框,选择其它数据库。


编写调取数据的sql语句

在sql编辑区点击小铅笔,切换至sql编辑模式

graph的 time_sec、value、metric是必须要返回的三个字段。

先来看下我们准备的数据库结构


我们将date作为时间排序、每天的price_closed作为value、crypto作为metric,输入语句如下。

SELECT
  date AS time_sec,
  price_closed as value,
  crypto as metric 
FROM btc_price
WHERE
  $__timeFilter(date)
ORDER BY 1,2 desc  //添加2排序,否则,面板中的悬浮信息,将会是反的。

输入完成后,在视图区将展示数据折线图。通过右上角的时间区间选择,可以展示不同周期的价格走势,我们选择了近1年的区间,如图展示如下。

选择5年的数据展示一下。

问题来了,面板上的标题怎么来的,我的为啥是panel title。

编辑面板名称

最后别忘了保存。

右侧的图表设置区域怎么使用,我们用专门一篇文章来介绍。

相关实践学习
通过可观测可视化Grafana版进行数据可视化展示与分析
使用可观测可视化Grafana版进行数据可视化展示与分析。
相关文章
|
8月前
|
SQL
Grafana实现图表双Y坐标轴展示
Grafana实现图表双Y坐标轴展示
|
1月前
|
Prometheus 监控 前端开发
Grafana 安装配置教程,让你的 Prometheus 监控数据变得更美观
《Grafana安装配置教程,让你的Prometheus监控数据变得更美观》简介: Grafana是一个开源的度量分析与可视化工具,支持多种数据源(如Prometheus),提供丰富的可视化功能和警报机制。本文详细介绍了Grafana的安装、汉化方法及模板使用,帮助用户轻松创建美观、灵活的数据面板,并实现数据的协作与共享。通过Docker镜像、配置文件修改或替换前端页面等方式实现汉化,让用户更便捷地使用中文界面。此外,还提供了导入JSON格式模板的具体步骤,方便快速搭建仪表盘。
70 2
|
1月前
|
Prometheus Cloud Native Linux
Prometheus+Grafana新手友好教程:从零开始搭建轻松掌握强大的警报系统
本文介绍了使用 Prometheus 和 Grafana 实现邮件报警的方案,包括三种主要方法:1) 使用 Prometheus 的 Alertmanager 组件;2) 使用 Grafana 的内置告警通知功能;3) 使用第三方告警组件如 OneAlert。同时,详细描述了环境准备、Grafana 安装配置及预警设置的步骤,确保用户能够成功搭建并测试邮件报警功能。通过这些配置,用户可以在系统或应用出现异常时及时收到邮件通知,保障系统的稳定运行。
125 1
|
5月前
|
存储 Linux 数据库
性能工具之JMeter + Grafana + InfluxDB 性能平台搭建
【8月更文挑战第7天】性能工具之JMeter + Grafana + InfluxDB 性能平台搭建
94 1
性能工具之JMeter + Grafana + InfluxDB 性能平台搭建
|
8月前
|
监控 数据可视化 测试技术
性能工具之JMeter+InfluxDB+Grafana打造压测可视化实时监控
【5月更文挑战第23天】性能工具之JMeter+InfluxDB+Grafana打造压测可视化实时监控
690 6
性能工具之JMeter+InfluxDB+Grafana打造压测可视化实时监控
|
7月前
|
时序数据库
时序数据库工具grafana里的$timeFilter查询1个小时内的数据如何写查询条件
【6月更文挑战第24天】时序数据库工具grafana里的$timeFilter查询1个小时内的数据如何写查询条件
895 0
|
7月前
|
存储 Prometheus 监控
【监控】grafana图表使用快速上手
【监控】grafana图表使用快速上手
234 0
|
8月前
|
Prometheus 数据可视化 数据库
可视化工具Grafana:简介及安装
可视化工具Grafana:简介及安装
156 0
|
8月前
|
Prometheus 数据可视化 Cloud Native
助力工业物联网,工业大数据之服务域:可视化工具Grafana介绍【三十八】
助力工业物联网,工业大数据之服务域:可视化工具Grafana介绍【三十八】
188 1
|
8月前
|
SQL
Grafana如何展示柱状图-将折线图调整为柱状图
Grafana如何展示柱状图-将折线图调整为柱状图