Grafana散点图

Question

我正在使用一个被篡改的grafana来创建历史数据的仪表板。我在grafana图形面板中看不到散点图选项。

我想使用散点图来显示时间间隔范围内的数据点。我同样希望能够获得/显示选定间隔的数据点数，比如30分钟、60分钟等。

Answer 1

在Grafana (v8.2.3)的例子中，我找不到另一个答复中提到的"XY图“，但我找到了不同的其他选项：

1. “分散”插件由迈克尔摩尔:可能是最简单的，但相当基本。
2. “纯”插件由纳特尔能源:更先进，甚至与3D散点图(更多)使用普洛特利 (Javascript?)图书馆。
3. “纯面板”插件 by AE3E:使用相同的库，但是这个插件没有GUI，也有多个编码界面，所以输入JSON和JavaScript代码来生成图--一旦您知道了它是如何工作的，就会更加困难，但也非常灵活。在plugin & GitHub页面上几乎没有给出任何示例，所以可以在普洛特利文档中查找。

示例

0。安装：

安装对于所有插件都是相似的，并在每个插件页面的“安装”选项卡中描述。这可能取决于您的安装(例如，我不知道在使用docker时这是如何工作的)，但在我的“常规”Grafana安装的情况下，我只需将其输入控制台(例如通过SSH)：

sudo grafana-cli plugins install michaeldmoore-scatter-panel
sudo grafana-cli plugins install natel-plotly-panel
sudo grafana-cli plugins install ae3e-plotly-panel
sudo systemctl restart grafana-server
sudo systemctl status grafana-server

(选择要安装的插件，重新启动Grafana服务器并检查其状态(应该是绿色的，没有错误)。提示：保存仪表板，以防在重新启动Grafana之前进行更改，因为重新启动Grafana服务器将删除未保存的仪表板。)

1.分散插件：

• 在Grafana仪表板中添加一个新面板，并选择“分散”可视化/面板。
• 从“表视图”开始，查看是否收到有效的结果：
  • 从数据库中至少选择2个字段(您可以使用标记，但可以删除字段的聚合器/选择器)。要选择第二个字段，单击第一个字段旁边的"+“图标，向下滚动并选择”field > field“。
  • 还删除“组由”。
  • 格式为“表”

您应该会看到时间戳旁边的两列。

​

​

(单击这里获取大图像)

现在从“表视图”切换回图形，并在设置的右侧调整它：

• X轴>X轴字段:从这两个字段中选择一个
• Y轴>字段:选择另一个字段

可能是这样的：

​

(单击这里获取大图像)

2. Plugin (Natel):

准备类似于散射插件的数据。可能是这样的：

​

​

(单击这里获取大图像)

​

​

(单击这里获取大图像)

注意:至少在我的版本中，当我更改设置时，面板没有刷新。在表视图和图视图(图表上方的“表视图”选择器)之间切换以重新构建面板。

3.实际面板插件(AE3E):

准备类似于散射插件的数据。(我还在工具提示中添加了第三个字段，用于在数据点悬停时使用。)

可能是这样的：

​

​

(单击这里获取大图像)

用于截图的代码：

数据部分：

[
  {
    "line": {
      "color": "rgba(255,255,255,255)",
      "width": 1
    },
    "mode": "lines",
    "type": "scatter"
  }
]

对于“颜色”，你也可以使用“绿色”，“红色”等等。当使用rgba()时，第一个值是红色(0-255)，第二个值是绿色，然后是蓝色，最后一个是alpha通道(0完全透明，255根本不透明)。

布局部分：

{
  "annotations": [
    {
      "showarrow": false,
      "text": "-Im{Z} [mΩ]",
      "textangle": -90,
      "x": -0.03,
      "xanchor": "right",
      "xref": "paper",
      "y": 0.5,
      "yanchor": "right",
      "yref": "paper"
    },
    {
      "showarrow": false,
      "text": "Re{Z} [mΩ]",
      "x": 0.5,
      "xanchor": "top",
      "xref": "paper",
      "y": -0.07,
      "yanchor": "top",
      "yref": "paper"
    }
  ],
  "font": {
    "color": "darkgrey"
  },
  "margin": {
    "b": 40,
    "t": 15
  },
  "paper_bgcolor": "rgba(0,0,0,0)",
  "plot_bgcolor": "rgba(0,0,0,0)",
  "xaxis": {
    "autorange": false,
    "gridcolor": "rgba(128,128,128,255)",
    "range": [
      0,
      90
    ],
    "type": "linear"
  },
  "yaxis": {
    "autorange": false,
    "gridcolor": "rgba(128,128,128,255)",
    "range": [
      -50,
      20
    ],
    "type": "linear"
  },
  "hovermode": "closest"
}

配置部分：(未更改)

{
  "displayModeBar": false
}

脚本部分：

// console.log(data)
var trace = {
  x: data.series[0].fields[1].values.buffer,
  y: data.series[0].fields[2].values.buffer,
  text: data.series[0].fields[3].values.buffer,
  mode: 'lines+markers',
  type: 'scatter',
  hovertemplate: 'Re: %{x:.4f} mΩ | Im: %{y:.4f} mΩ @ %{text:.2f} Hz'
};
  
return {data:[trace]};

确保选择字段1和2以获得XY图。默认情况下，将选择0和1，这将导致一个规则的时间序列图。我包括了第三个数据集(频率)，并将其添加到文本变量中，以便在数据点悬停时显示在工具提示中。

单击脚本部分：

// console.log(data)
window.updateVariables({query:{'var-project':'test'}, partial: true})

Answer 2

编辑：

至于Grafana v7.4，有一个新的XY stat面板：

​

​

老一辈非真正回答

当使用标准的图形面板，你可以选择“点”和取消选择“线”。

如果执行一系列重写操作，还可以将其与行混合：

​

​

这可以在https://play.grafana.org/d/000000016/graph-styles?tab=visualization&orgId=1&fullscreen&edit&panelId=17的公共Grafana实例中看到。关于每段时间的计数，我不确定是否可以在Grafana中本地完成，但可能会根据您正在使用的数据源来实现。