Forum Discussion

MSzsq's avatar
MSzsq
New Member
2 months ago

Power BI Custom ECharts Visual Blank on First Page Load, Works After Switching Tabs

Hi everyone,
I have an issue with the third-party ECharts custom visual in Power BI Service.
 
When I open the report page for the first time after publishing to the server, the ECharts graphic card shows completely blank with no text or data displayed.
 
If I switch to another report page and switch back to this page, all data and graphic text render normally right away.

Details of my setup:

  1. I use pure graphic.text elements in ECharts JSON to display KPIs, period amount, YoY rate with dynamic color control by dataset calculated column.
  2. No series charts, only static text layout inside the ECharts visual.
  3. The report works fine in Power BI Desktop preview mode, the blank issue only occurs on Power BI Service web portal.
  4. There are no error prompts in the browser console, just empty canvas on initial load.

My guess for root cause:

It seems the ECharts visual initializes before the page DOM container gets valid width & height, or the dataset field values are not fully loaded when the first render triggers. Tab switching forces a re-resize & re-render which fixes the display.
I’ve already tried these fixes with no improvement:
  • Removed invalid when conditional syntax and comparison operators in JSON to eliminate parsing errors
  • Fixed all JSON format issues, replaced dynamic text color with calculated column binding
  • Disabled delayed page loading in report settings
  • Cleared browser cache and re-published the report multiple times
Could anyone share a solution or workaround to make the ECharts visual render data normally on the first page open without switching tabs?
 
Thanks a lot for your help!
Data Protection

2 Replies

  • Rupa01's avatar
    Rupa01
    Icon for Solution Sage rankSolution Sage
    2 months ago
    Hi MSzsq, 
     
    Issues related to custom visuals are best addressed by the visual owner or developer, as they can provide the most appropriate and reliable solution.
     
    💡 Helpful? Give a Kudos 👍 — keep the community growing
    ✅ Solved your issue? Mark as Solution ✔️ — help others find it faster

    Best regards,
    Rupasree Achari | BI & Fabric Analytics Engineer
  • v-aatheeque's avatar
    v-aatheeque
    Icon for Community Support rankCommunity Support
    2 months ago

    Hi MSzsq 


    Thank you for the detailed information and troubleshooting steps.

    Based on your description, the issue appears to be occurring within the Apache ECharts custom visual itself rather than Power BI Service. Since this is a third-party custom visual and is not a Microsoft-certified visual, Microsoft Support has limited ability to investigate or provide fixes for its rendering behavior. The visual is developed and maintained by the publisher of the custom visual.

    Given that the visual renders correctly after a page switch and that the issue is isolated to the ECharts visual in Power BI Service, we recommend contacting the visual developer through the support channels provided on the AppSource listing:

    Microsoft Marketplace | cloud solutions, AI apps, and agents

    The visual publisher should be able to determine whether this is a known issue related to visual initialization, container sizing, or rendering behavior within Power BI Service.