Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TypeError: this.datapoints is undefined

See original GitHub issue

I just selected pie chart and set “Group by” to Terms and “select field” to source and then Grafana crashes and print this stacktrace

TypeError: this.datapoints is undefined

    in t
    in div
    in div
    in r
    in l
    in div
    in div
    in div
    in t
    in t
    in div
    in t
    in t
    in div
    in div
    in t
    in Connect(t)
    in div
    in t
    in div
    in e
    in DraggableCore
    in e
    in div
    in ReactGridLayout
    in Unknown
    in SizeMeReferenceWrapper
    in SizeMeRenderer(Component)
    in SizeMe(Component)
    in e
    in div
    in div
    in div
    in t
    in t
    in div
    in div
    in e
    in Connect(e)
    in Suspense
    in t
    in Unknown
    in d
    in Unknown
    in Unknown
    in t
    in t
    in a

This is stacktrace from comments from #202, which seems that is different issue like motoko89 issue

Issue Analytics

State:
Created 4 years ago
Comments:8

Top GitHub Comments

4reactions

Berbecommented, Nov 11, 2020

System information

Grafana v7.2.1 - Also triggered on Grafana v7.3.1 with different stacktrace, see below
Pie Chart plugin v1.6.1
Elasticsearch 7.0+ datasource

Error

Same error with a different stacktrace in browser console.

TypeError: this.datapoints is undefined

TypeError: this.datapoints is undefined
    value time_series2.ts:359
    e time_series2.ts:134
    seriesHandler piechart_ctrl.ts:103
    onDataReceived piechart_ctrl.ts:97
    emit index.js:181
    value emitter.ts:29
    value QueryEditorRow.tsx:320
    value QueryEditorRow.tsx:120
    React 13
        mc
        unstable_runWithPriority
        Wo
        gc
        ic
        Xo
        unstable_runWithPriority
        Wo
        Xo
        Yo
        ec
        enqueueSetState
        setState
    value QueriesTab.tsx:96
    next QueriesTab.tsx:75
    RxJS 8
        __tryOrUnsub
        next
        _next
        next
        _next
        next
        next
        nextInfiniteTimeWindow
    next PanelQueryRunner.ts:195
    RxJS 21
        __tryOrUnsub
        next
        _next
        next
        notifyNext
        _next
        next
        _next
        next
        next
        _next
        next
        _next
        next
        _next
        next
        _next
        next
        _next
        next
        l
react-dom.production.min.js:196:194
    React 17
    value QueriesTab.tsx:96
    next QueriesTab.tsx:75
    RxJS 8
    next PanelQueryRunner.ts:195
    RxJS 21

Steps to reproduce

Create a Pie Chart visualisation
Use an Elasticsearch source
Change the Metric aggregation from the default Count to Logs

Grafana v7.3.1 - Steps to reproduce

Create a graph visualisation
Use an Elasticsearch source
Change Group by to Terms, select an available term (indexed, to work) and change Order by to Doc Count
Switch the visualisation to Pie Chart

Boom

TypeError: this.datapoints is undefined
    value time_series2.ts:359
    e time_series2.ts:134
    seriesHandler piechart_ctrl.ts:103
    onDataReceived piechart_ctrl.ts:97
    emit index.js:181
    value emitter.ts:29
    value QueryEditorRow.tsx:320
    value QueryEditorRow.tsx:120
    React 13
        mc
        unstable_runWithPriority
        Wo
        gc
        ic
        Xo
        unstable_runWithPriority
        Wo
        Xo
        Yo
        ec
        enqueueSetState
        setState
    value QueriesTab.tsx:96
    next QueriesTab.tsx:75
    RxJS 19
        __tryOrUnsub
        next
        _next
        next
        _next
        next
        notifyNext
        _next
        next
        n
        _trySubscribe
        subscribe
        s
        _innerSub
        _tryNext
        _next
        next
        next
        nextInfiniteTimeWindow
    next PanelQueryRunner.ts:203
    RxJS 21
        __tryOrUnsub
        next
        _next
        next
        notifyNext
        _next
        next
        _next
        next
        next
        _next
        next
        _next
        next
        _next
        next
        _next
        next
        _next
        next
        l
react-dom.production.min.js:196:194
    React 17
        fu
        callback
        Oi
        mi
        mc
        unstable_runWithPriority
        Wo
        gc
        ic
        Xo
        unstable_runWithPriority
        Wo
        Xo
        Yo
        ec
        enqueueSetState
        setState
    value QueriesTab.tsx:96
    next QueriesTab.tsx:75
    RxJS 19
        __tryOrUnsub
        next
        _next
        next
        _next
        next
        notifyNext
        _next
        next
        n
        _trySubscribe
        subscribe
        s
        _innerSub
        _tryNext
        _next
        next
        next
        nextInfiniteTimeWindow
    next PanelQueryRunner.ts:203
    RxJS 21
        __tryOrUnsub
        next
        _next
        next
        notifyNext
        _next
        next
        _next
        next
        next
        _next
        next
        _next
        next
        _next
        next
        _next
        next
        _next
        next
        l

2reactions

bacherolcommented, Apr 22, 2020

Hey.

Try using Group by term + Timestamp. Like this one: Screen Shot 2020-04-22 at 12 31 32