It used to be possible to set the height of the graph panel as described in https://grafana.com/docs/v4.3/features/panels/graph/ but I can’t find where these options have moved to in the new UI. It is probably obvious but I just can’t get my eye on it. Can someone point me in the right direction please?
Simple drag and drop. Grab the lower right hand corner and drag away. It’s all pretty intuitive.
I too was confused by some parts of the newest update layout controls, but play around with it a bit and you should have no problems. Overall, I think I quite like the new system. I think…
Michael Moore
Ok, thanks. I had discovered that but hoped that was an extra way of doing it over the much more predicable way of entering the size. I have determined optimum sizes for panels to fit my display devices and the drag method is impractical as each time I create a new dashboard I would have to fiddle about trying to get all the panels to fit accurately. I have resorted to editing the json file, which works ok, but is a bit of a pain over entering the size directly.
Thanks for the tip about editing height numerically using the JSON view. That makes it much easier to be consistent about the heights of multiple panels on a single dashboard.
Not sure if it’s an oversight or intentional that you can’t set dimensions in the new UI?
this is also a killer for me dragging the box does what ever it wants
I only need the graph to be 10% of the box size what I need is the entire “Legend” showing !!
if I drag out the box so it shows everything in the “Legend” the graph turns into something like 3 screens high
Hello @mastercatz, @willywu, @clanlaw, @mdmoore
I don’t find drag and drop option my Dashboard panel
Here it is my Dashboard panel
and you also say that, set height numerically using the JSON view.
Where to set property & which property
Here it is my JSON
{
“datasource”: {
“type”: “mssql”,
“uid”: “b725e3d2-d13d-431c-aa26-cd343ca33b91”
},
“gridPos”: {
“h”: 8,
“w”: 12,
“x”: 0,
“y”: 0
},
“id”: 1,
“options”: {
“nodes”: {
“arcs”: [
{
“color”: “#73BF69”,
“field”: “arc__cpu”
},
{
“color”: “#5794F2”,
“field”: “arc__memory”
}
]
}
},
“targets”: [
{
“dataset”: “Users”,
“datasource”: {
“type”: “mssql”,
“uid”: “b725e3d2-d13d-431c-aa26-cd343ca33b91”
},
“editorMode”: “code”,
“format”: “table”,
“rawQuery”: true,
“rawSql”: “SELECT TOP (1000) [id] as id\r\n ,[title] as title\r\n ,[sub_title] as subTitle\r\n ,[cpu] as mainStat\r\n ,[memory] as SecondaryStat\r\n ,[c_disk_size] as arc__cpu\r\n ,[d] as arc__memory\r\n ,[detail]\r\n FROM [Users].[dbo].[Servers]\r\n”,
“refId”: “Node”,
“sql”: {
“columns”: [
{
“parameters”: [
{
“name”: “id”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “title”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “sub_title”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “cpu”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “memory”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “c_disk_size”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “d”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “c_disk_size_color”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “d_color”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “detail”,
“type”: “functionParameter”
}
],
“type”: “function”
}
],
“groupBy”: [
{
“property”: {
“type”: “string”
},
“type”: “groupBy”
}
],
“limit”: 50
},
“table”: “dbo.Servers”
},
{
“dataset”: “Users”,
“datasource”: {
“type”: “mssql”,
“uid”: “b725e3d2-d13d-431c-aa26-cd343ca33b91”
},
“editorMode”: “code”,
“format”: “table”,
“hide”: false,
“rawQuery”: true,
“rawSql”: “SELECT TOP (1000) [id] \r\n ,[source]\r\n ,[target]\r\n ,[main_stat] as mainStat\r\n ,[secondary_stat] as secondaryStat\r\n ,[detail_one] as detail__1\r\n FROM [Users].[dbo].[Edge]\r\n”,
“refId”: “Edge”,
“sql”: {
“columns”: [
{
“parameters”: [
{
“name”: “id”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “source”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “target”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “main_stat”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “secondary_stat”,
“type”: “functionParameter”
}
],
“type”: “function”
},
{
“parameters”: [
{
“name”: “detail_one”,
“type”: “functionParameter”
}
],
“type”: “function”
}
],
“groupBy”: [
{
“property”: {
“type”: “string”
},
“type”: “groupBy”
}
],
“limit”: 50
},
“table”: “dbo.Edge”
}
],
“title”: “Panel Title”,
“type”: “nodeGraph”
}
And This is my NodeGraph
Can you please help out of this…
Thanks in Advance. 