Troubleshooting – Charts Not Displaying Correctly

Owned by Former user (Deleted)
Last updated: May 17, 2022
6 min read

 Problem

Charts do not display correctly on the portal. Users see empty spaces where charts are supposed to show.

 Solution

Find below troubleshooting steps to follow if charts are not showing on the portal. Images can be found below each set of steps, to make them easier to follow.

The numbered red circles indicate the order in which the steps need to be executed.

Step 1 – Ask probing questions

Prior to any technical troubleshooting step, it is important to ask probing questions to narrow the scenario down and determine the impact (users, browsers, devices). Having a clear understanding of the actions taken by the user will prevent us from making unnecessary efforts.

Skip steps performed by the user, unless there are reasons to believe the steps might not have been followed correctly.

  1. When did you first notice this issue?

  2. Do you recall making any changes prior to the first occurrence of this issue (i.e. updates, installing new software, etc.)?

  3. Have you tried using a different browser?

  4. Have you tried using a private session (also known as Incognito or InPrivate)?

  5. Are there any extensions installed on the browser?

  6. Have you tried using a different device?

  7. How many users are affected?

Step 2 – Try using a different browser or device

This will help isolate the issue. It could be caused by an specific browser setting or certain configurations from the current device. If the issue is being experienced on a domain-joined device and some settings are managed by the organization, it could be worth trying from a different device that is not part of the domain to rule out organization-wide policies as the root cause.

Step 3 – Clear history, cache, and other browsing data

Most of the times, issues displaying websites can be fixed by simply clearing the browsing data. Find below steps to clear cache on different browsers.

  1. Use the Ctrl+H shortcut to launch the History window.

  2. On the History window, click Clear browsing data on the left panel.

  3. On the Clear browsing data window, make sure to check Cookies and other site data, and Cached images and files. Also, make sure to select a time range wide enough to include the date when the issue started.
    Optional: On the Advanced tab, you can also check Site Settings.

  4. Click on Clear data and then refresh the page.

Clear browsing data on Google Chrome

 

  1. Click on the three horizontal lines menu on the top-right corner of the browser window.

  2. On the context menu that appears, click on History.

  3. Click on “Clear recent history…”

  4. On the Clear Recent History window, make sure to check Cookies, Cache, and Site Settings. Also, make sure to select a time range wide enough to include the date when the issue started.

  5. Click OK and then refresh the page.

 

  1. Click on the three horizontal dots menu on the top-right corner of the browser window.

  2. On the context menu that appears, click on History.

  3. On the History window, click on the three horizontal dots menu.

  4. Click on Clear browsing data

  5. On the Clear browsing data window, make sure to check Cookies and other site data, Cached images and files, and Site permissions. Also, make sure to select a time range wide enough to include the date when the issue started.

  6. Click on Clear now and then refresh the page.

 

Step 4 – Try using a private session (Incognito/inPrivate)

Other possible culprits are the browser extensions. By default, most extensions will be disabled during private sessions. This is why it could prove helpful to load the affected website from an Incognito/inPrivate window. Find below steps to start a private session on different browsers.

  1. Click on the three vertical dots menu on the top-right corner of the browser.

  2. On the context menu that appears, click on New Incognito window.

  1. Click on the three horizontal lines menu on the top-right corner of the browser window.

  2. On the context menu that appears, click on New private window.

Tips: Both Google Chrome and Microsoft Edge will launch a new private window if you use the Ctrl+Shift+N shortcut. If you are using Mozilla Firefox, you can use Ctrl+Shift+P instead.

Step 5 – Check JavaScript permissions on your current browser

One of the most common reasons why some elements might not load correctly on a web page is that JavaScript permissions have been blocked. Find below steps to check this settings on different browsers.

Step 6 – Collect error logs from the console

If none of the steps above help solve the issue, open the browser’s console and collect error logs. Provide these logs to the Knoema Support Team for further analysis. The steps below apply to most browsers.

  1. Use the Ctrl+Shift+I shortcut to open the Developer Tools (same shortcut for Chrome, Firefox, and Edge).

  2. Select the Console tab.

  3. Right click on the console.

  4. On the context menu that appears, select “Save as…” (Chrome and Edge) or “Save all Messages to File” (Firefox). Save the log file and send it to the Knoema Support Team.

 Related Tickets

This guide was created after this issue was first reported on the following ticket:

  • PD-2396 - Getting issue details... STATUS

Other occurrences of this issue have been documented on:

  • N/A.