Transformations
Transformations can modify the returned data frames and may require code updates for retrieving values from context.panel.data
.
Sort by
The Sort by
transformation modifies the structure of the returned data frames and requires:
- Setting an array with order identifiers.
- Setting an array with values.
- Getting sorted values for each array.

Example
let names = [];
let amounts = [];
context.panel.data.series.map((s) => {
names = s.fields.find((f) => f.name === "Name").values;
namesOrder = s.fields.find((f) => f.name === "Name").values;
amounts = s.fields.find((f) => f.name === "Amount").values;
amountsOrder = s.fields.find((f) => f.name === "Amount").values.order;
});
return {
grid: {
bottom: "3%",
containLabel: true,
left: "3%",
right: "4%",
top: "4%",
},
tooltip: {},
legend: {
data: [context.grafana.replaceVariables("$var")],
},
xAxis: {
data: names,
},
yAxis: {},
toolbox: { feature: { restore: {} } },
series: [
{
name: context.grafana.replaceVariables("$var"),
type: "bar",
data: amounts,
},
],
};