Fix plotly eventdata undefined val

[MarcSkovMadsen]

Fixes #4354

Root Cause

After logging values in the assignments below I could see that for example this.model.click_data was assigned a value that contained the key text with a value of undefined. This caused the error Uncaught Error: [object Undefined] is not serializable.

Solution

The solution is to adding further clean up to filterEventData.

The solution works

plotly-donut-works.mp4

import pandas as pd
import param as pm
import panel as pn
import plotly.express as px

df = pd.DataFrame({"ticker": ["A", "B", "C"], "value": [1, 2, 3]})


def portfolio_distribution(_=None, data=df):
    """Returns the distribution of the portfolio"""
    portfolio_total = data["value"].sum()

    fig = px.pie(
        data,
        values="value",
        names="ticker",
        hole=0.3,
        title=f"Portfolio Total ${portfolio_total:,.0f}",       
    )
    fig.layout.autosize = True
    return fig


plot = pn.pane.Plotly(
    portfolio_distribution(),
    config={"responsive": True},
    sizing_mode="stretch_both",
)

pn.Column(
    plot.param.hover_data,
    plot.param.click_data,
    plot,
    height=800,
    sizing_mode="stretch_width",
).servable()