Time Series Margins Issue

  • What Grafana version and what operating system are you using?

    • 12.2.0 (Problem did not exist with 11.4.1)
  • What are you trying to achieve?

    • Charting a process value with time series information
  • How are you trying to achieve it?

    • The Time Series graphic
  • What happened?

    • The time series and other charts do not properly display the data after updating the locally hosted Grafana containers from version 11.4.1 to 12.2.0. The lines are now compressed at the bottom as if there’s a huge top margin.
  • What did you expect to happen?

    • A standard time series chart displayed… filling the entire area.
  • Can you copy/paste the configuration(s) that you are having problems with?

  • {

    "datasource": {
    
        "type": "datasource",
    
        "uid": "-- Mixed --"
    
    },
    
    "description": "",
    
    "fieldConfig": {
    
        "defaults": {
    
            "color": {
    
                "mode": "palette-classic"
    
            },
    
            "custom": {
    
                "axisBorderShow": false,
    
                "axisCenteredZero": false,
    
                "axisColorMode": "text",
    
                "axisLabel": "",
    
                "axisPlacement": "auto",
    
                "axisSoftMax": 100,
    
                "barAlignment": 0,
    
                "barWidthFactor": 0.6,
    
                "drawStyle": "line",
    
                "fillOpacity": 0,
    
                "gradientMode": "none",
    
                "hideFrom": {
    
                    "legend": false,
    
                    "tooltip": false,
    
                    "viz": false
    
                },
    
                "insertNulls": 900000,
    
                "lineInterpolation": "linear",
    
                "lineStyle": {
    
                    "fill": "solid"
    
                },
    
                "lineWidth": 1,
    
                "pointSize": 5,
    
                "scaleDistribution": {
    
                    "type": "linear"
    
                },
    
                "showPoints": "auto",
    
                "showValues": false,
    
                "spanNulls": false,
    
                "stacking": {
    
                    "group": "A",
    
                    "mode": "none"
    
                },
    
                "thresholdsStyle": {
    
                    "mode": "off"
    
                }
    
            },
    
            "mappings": \[\],
    
            "min": 0,
    
            "thresholds": {
    
                "mode": "absolute",
    
                "steps": \[
    
                    {
    
                        "color": "green",
    
                        "value": 0
    
                    },
    
                    {
    
                        "color": "red",
    
                        "value": 80
    
                    }
    
                \]
    
            }
    
        },
    
        "overrides": \[
    
            {
    
                "matcher": {
    
                    "id": "byName",
    
                    "options": "aggregate_value"
    
                },
    
                "properties": \[\]
    
            }
    
        \]
    
    },
    
    "gridPos": {
    
        "h": 7,
    
        "w": 12,
    
        "x": 0,
    
        "y": 1
    
    },
    
    "id": 1,
    
    "maxDataPoints": 3840,
    
    "options": {
    
        "legend": {
    
            "calcs": \[\],
    
            "displayMode": "list",
    
            "placement": "bottom",
    
            "showLegend": true
    
        },
    
        "tooltip": {
    
            "hideZeros": false,
    
            "mode": "single",
    
            "sort": "none"
    
        }
    
    },
    
    "pluginVersion": "12.2.0",
    
    "targets": \[
    
        {
    
            "datasource": {
    
                "type": "influxdb",
    
                "uid": "snsr-influx-influxql"
    
            },
    
            "query": "REDACTED",
    
            "rawQuery": true,
    
            "refId": "Methane_PPM_Rev4",
    
            "resultFormat": "table"
    
        },
    
        {
    
            "datasource": {
    
                "type": "influxdb",
    
                "uid": "snsr-influx-influxql"
    
            },
    
            "groupBy": \[
    
                {
    
                    "params": \[
    
                        "$\__interval"
    
                    \],
    
                    "type": "time"
    
                },
    
                {
    
                    "params": \[
    
                        "null"
    
                    \],
    
                    "type": "fill"
    
                }
    
            \],
    
            "hide": false,
    
            "orderByTime": "ASC",
    
            "policy": "default",
    
            "query": "REDACTED",
    
            "rawQuery": true,
    
            "refId": "Methane_PPM_Rev6",
    
            "resultFormat": "table",
    
            "select": \[
    
                \[
    
                    {
    
                        "params": \[
    
                            "value"
    
                        \],
    
                        "type": "field"
    
                    },
    
                    {
    
                        "params": \[\],
    
                        "type": "mean"
    
                    }
    
                \]
    
            \],
    
            "tags": \[\]
    
        },
    
        {
    
            "datasource": {
    
                "type": "grafana-postgresql-datasource",
    
                "uid": "snsr-postgres-grafana"
    
            },
    
            "editorMode": "code",
    
            "format": "table",
    
            "hide": false,
    
            "rawQuery": true,
    
            "rawSql": "REDACTED",
    
            "refId": "Metadata",
    
            "sql": {
    
                "columns": \[
    
                    {
    
                        "parameters": \[\],
    
                        "type": "function"
    
                    }
    
                \],
    
                "groupBy": \[
    
                    {
    
                        "property": {
    
                            "type": "string"
    
                        },
    
                        "type": "groupBy"
    
                    }
    
                \],
    
                "limit": 50
    
            }
    
        }
    
    \],
    
    "title": "WTF Mate",
    
    "transformations": \[
    
        {
    
            "id": "merge",
    
            "options": {}
    
        },
    
        {
    
            "id": "filterByValue",
    
            "options": {
    
                "filters": \[
    
                    {
    
                        "config": {
    
                            "id": "equal",
    
                            "options": {
    
                                "value": "Median"
    
                            }
    
                        },
    
                        "fieldName": "aggregate_type"
    
                    }
    
                \],
    
                "match": "all",
    
                "type": "include"
    
            }
    
        },
    
        {
    
            "id": "filterFieldsByName",
    
            "options": {
    
                "include": {
    
                    "names": \[
    
                        "Time",
    
                        " ",
    
                        "device_name"
    
                    \]
    
                }
    
            }
    
        },
    
        {
    
            "id": "prepareTimeSeries",
    
            "options": {
    
                "format": "multi"
    
            }
    
        }
    
    \],
    
    "type": "timeseries"
    

    }

  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.

    • No
  • Did you follow any online instructions? If so, what is the URL?

    • No… I updated the