我正在使用 dockerized grafana 为历史数据创建仪表板。我在 grafana 图形面板中看不到散点图选项。
我想使用散点图来显示时间间隔范围内的数据点。我同样希望能够获取/显示选定间隔的数据点数量，例如 30 分钟、60 分钟等。
【问题讨论】：
编辑：
至于 Grafana v7.4 有一个新的 XY 统计面板：
年长的非真正回答
使用标准图形面板时，可以选择“点”并取消选择“线”。
如果您进行系列覆盖，您也可以将其与线条混合：
这可以在 https://play.grafana.org/d/000000016/graph-styles?tab=visualization&orgId=1&fullscreen&edit&panelId=17 的公共 Grafana 实例上看到。关于每个周期的计数，我不确定这是否可以在 Grafana 本地完成，但可能取决于您使用的数据源。
【讨论】：
在我的 Grafana (v8.2.3) 实例中，我找不到另一个回复中提到的“XY 图表”，但我发现了不同的其他选项：
所有插件的安装都类似，并在每个插件页面的“安装”选项卡中进行了描述。这可能取决于您的安装（例如，我不知道在使用 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 服务器将删除未保存的仪表板。）
您应该会在时间戳旁边看到两列。
（点击here查看大图）
现在从“表格视图”切换回图表，并在设置的右侧进行调整：
可能看起来像这样：
（点击here查看大图）
与 Scatter 插件类似地准备数据。可能看起来像这样：
（点击here查看大图）
（点击here查看大图）
注意：至少在我的版本中，当我更改设置时面板没有刷新。在表格和图表视图（图表上方的“表格视图”选择器）之间切换以重建面板。
与 Scatter 插件类似地准备数据。 （我还添加了在悬停数据点时在工具提示中使用的第三个字段。）
可能是这样的：
（点击here查看大图）
用于截图的代码：
数据部分：
[
{
"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})
【讨论】：