TimeSeries/BarChart: Add support for sorting series in the tooltip (#43615)

* TimeSeries panel: Add support for sorting series in the tooltip

* Fix cue tests

* Make sortValues work with string values

* Sort values in DatHoverView and remove sort index from TooltipPlugin

* Rename sortOrder prop to sort

* DataHoverView - use raw values for sorting
This commit is contained in:
Dominik Prokop
2022-01-10 10:32:21 +01:00
committed by GitHub
parent 4b814dbcea
commit 1a0f5595c3
33 changed files with 495 additions and 150 deletions
+10 -6
View File
@@ -189,7 +189,8 @@
"rowHeight": 0.99,
"showValue": "auto",
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -388,7 +389,7 @@
"showCommonLabels": false,
"showLabels": false,
"showTime": false,
"sortOrder": "Descending",
"sort": "Descending",
"wrapLogMessage": false
},
"targets": [
@@ -477,7 +478,7 @@
"dashboardAlerts": false,
"maxItems": 20,
"showInstances": false,
"sortOrder": 1,
"sort": 1,
"stateFilter": {
"firing": true,
"inactive": false,
@@ -651,7 +652,8 @@
"values": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -937,7 +939,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -1015,7 +1018,8 @@
"stacking": "none",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -82,7 +82,8 @@
"stacking": "none",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -163,7 +164,8 @@
"stacking": "none",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -242,7 +244,8 @@
"stacking": "none",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -321,7 +324,8 @@
"stacking": "none",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -402,7 +406,8 @@
"valueSize": 25
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -481,7 +486,8 @@
"stacking": "none",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -561,7 +567,8 @@
"stacking": "none",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -86,7 +86,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -528,7 +529,8 @@
"showValue": "auto",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "8.1.0-pre",
@@ -10533,7 +10533,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -10670,7 +10671,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -98,7 +98,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -193,7 +194,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -287,7 +289,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -382,7 +385,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -476,7 +480,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -579,7 +584,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -677,7 +683,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -775,7 +782,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -872,7 +880,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
+20 -10
View File
@@ -103,7 +103,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-pre",
@@ -218,7 +219,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-pre",
@@ -341,7 +343,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-pre",
@@ -482,7 +485,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-pre",
@@ -597,7 +601,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-pre",
@@ -720,7 +725,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-pre",
@@ -891,7 +897,8 @@
"placement": "bottom"
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.2.0-pre",
@@ -1037,7 +1044,8 @@
"placement": "bottom"
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.2.0-pre",
@@ -1151,7 +1159,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.5.0-pre",
@@ -1262,7 +1271,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
+26 -13
View File
@@ -379,7 +379,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "8.0.0-beta2",
@@ -723,7 +724,8 @@
"showValue": "auto",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -853,7 +855,8 @@
"showValue": "auto",
"text": {},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -1034,7 +1037,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
@@ -1161,7 +1165,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
@@ -1288,7 +1293,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
@@ -1437,7 +1443,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
@@ -1550,7 +1557,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
@@ -1663,7 +1671,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
@@ -1865,7 +1874,8 @@
"isVisible": false
},
"tooltip": {
"mode": "multi"
"mode": "multi",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
@@ -2163,7 +2173,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
@@ -2494,7 +2505,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
@@ -2757,7 +2769,8 @@
"isVisible": false
},
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.4.0-beta1",
+8 -4
View File
@@ -92,7 +92,8 @@
"rowHeight": 0.98,
"showValue": "always",
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.5.0-pre",
@@ -199,7 +200,8 @@
"rowHeight": 0.98,
"showValue": "always",
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -310,7 +312,8 @@
"rowHeight": 0.98,
"showValue": "always",
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"targets": [
@@ -399,7 +402,8 @@
"rowHeight": 0.98,
"showValue": "always",
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.5.0-pre",
+6 -3
View File
@@ -71,7 +71,8 @@
"rowHeight": 0.9,
"showValue": "always",
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.5.0-pre",
@@ -256,7 +257,8 @@
"rowHeight": 0.9,
"showValue": "always",
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
}
},
"pluginVersion": "7.5.0-pre",
@@ -340,7 +342,8 @@
"rowHeight": 0.9,
"showValue": "always",
"tooltip": {
"mode": "single"
"mode": "single",
"sort": "none"
},
"alignValue": "left"
},