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版进行数据可视化展示与分析。
相关文章
|
7月前
|
SQL
Grafana实现图表双Y坐标轴展示
Grafana实现图表双Y坐标轴展示
|
4月前
|
存储 Linux 数据库
性能工具之JMeter + Grafana + InfluxDB 性能平台搭建
【8月更文挑战第7天】性能工具之JMeter + Grafana + InfluxDB 性能平台搭建
80 1
性能工具之JMeter + Grafana + InfluxDB 性能平台搭建
|
7月前
|
监控 数据可视化 测试技术
性能工具之JMeter+InfluxDB+Grafana打造压测可视化实时监控
【5月更文挑战第23天】性能工具之JMeter+InfluxDB+Grafana打造压测可视化实时监控
647 6
性能工具之JMeter+InfluxDB+Grafana打造压测可视化实时监控
|
6月前
|
时序数据库
时序数据库工具grafana里的$timeFilter查询1个小时内的数据如何写查询条件
【6月更文挑战第24天】时序数据库工具grafana里的$timeFilter查询1个小时内的数据如何写查询条件
776 0
|
6月前
|
存储 Prometheus 监控
【监控】grafana图表使用快速上手
【监控】grafana图表使用快速上手
201 0
|
7月前
|
Prometheus 数据可视化 数据库
可视化工具Grafana:简介及安装
可视化工具Grafana:简介及安装
135 0
|
7月前
|
Prometheus 数据可视化 Cloud Native
助力工业物联网,工业大数据之服务域:可视化工具Grafana介绍【三十八】
助力工业物联网,工业大数据之服务域:可视化工具Grafana介绍【三十八】
167 1
|
7月前
|
SQL
Grafana如何展示柱状图-将折线图调整为柱状图
Grafana如何展示柱状图-将折线图调整为柱状图
|
7月前
|
数据可视化
Grafana实现Graph图表折线图和柱状图并存
Grafana实现Graph图表折线图和柱状图并存
|
Prometheus Cloud Native 网络安全
Prometheus+Grafana+Alertmanager部署教程(超详细)
Prometheus+Grafana+Alertmanager部署教程(超详细)
893 1