René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Customdata missing in hoverdata in Ploly 6.0.0","articleBody":"I have written an app in Python using Dash 2.18.2. In that app I have a map with a cycling track and several graphs to show distance vs. speed, distance vs. power etc. I have written an JS-script to show hover-info on the graphs when hovering over the map and vice versa. I use therefore 'customdata' that is encapsulated in the hoverdata. with this Dash code:\n\n```\n        customdata = np.stack((df0['Dist'], overall_focus, df0['Lons'], df0['Lats']), axis=1)\n        hovertemplate=('Dist: %{customdata[0]:.1f}\u003cbr\u003e'+\n                      focus+': '+ '%{customdata[1]:.1f}\u003cbr\u003e'+\n                      '%{customdata[2]:.6f}\u003cbr\u003e'+\n                      '%{customdata[3]:.6f}\u003cbr\u003e'+\n                      '\u003cextra\u003e\u003c/extra\u003e')\n       \n    \n        # Create the scatter map figure with plotly.express\n        fig_trck = px.scatter_map(\n            map_style=map_mode,\n            center={'lat': center[1], 'lon': center[0]},\n            zoom=zoom,\n            lat=overall_lats,\n            lon=overall_lons\n        )\n    \n        # Update traces with custom data and styling\n        fig_trck.update_traces(\n            customdata=customdata,\n            hovertemplate=hovertemplate,\n            marker_size=3,\n            marker_color=overall_focus,\n            marker_colorscale='Rainbow',\n            marker_showscale=False,\n            line_width=2,\n            line_color='Blue',\n            mode=mode\n        )\n```\nWhen I use **Plotly 5.24.1** it gives this result in the DOM:\nObject\n\tpoints:Array(1)\n\t\t0: \n\t\t\tbbox:{x0: 894.0113118377704, x1: 896.0113118377704, y0: 354.0555201566335, y1: 356.0555201566335}\n\t\t\tcurveNumber: 0\n\t\t\t**customdata :( 4) [33519.2, 22.104, 4.507961, 51.843206]**\n\t\t\tlat:51.843206\n\t\t\tlon:4.507961\n\t\t\tpointIndex:4327\n\t\t\tpointNumber:4327\n\t\t\t[[Prototype]]:Object\n\nwhen I use **Plotly 6.0.0**, I get this result:\nObject\n\tpoints\t: Array(1)\n\t\t0:\n\t\t\tbbox: {x0: 894.0113118377704, x1: 896.0113118377704, y0: 354.0555201566335, y1: 356.0555201566335}\n\t\t\tcurveNumber:0\n\t\t\t**customdata : undefined**\n\t\t\tlat:51.843206\n\t\t\tlon:4.507961\n\t\t\tpointIndex:4327\n\t\t\tpointNumber:4327\n\t\t\t[[Prototype]]: Object\n\t\t\tlength: 1\n\nCan anyone explain this? Is it a bug or is customdata removed to another position in the DOM?","author":{"url":"https://github.com/Hermeij","@type":"Person","name":"Hermeij"},"datePublished":"2025-02-22T09:32:46.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":8},"url":"https://github.com/7375/plotly.js/issues/7375"}