Troubleshooting – Charts Not Displaying Correctly
- Former user (Deleted)
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.
When did you first notice this issue?
Do you recall making any changes prior to the first occurrence of this issue (i.e. updates, installing new software, etc.)?
Have you tried using a different browser?
Have you tried using a private session (also known as Incognito or InPrivate)?
Are there any extensions installed on the browser?
Have you tried using a different device?
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.
Use the Ctrl+H shortcut to launch the History window.
On the History window, click Clear browsing data on the left panel.
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.Click on Clear data and then refresh the page.
Click on the three horizontal lines menu on the top-right corner of the browser window.
On the context menu that appears, click on History.
Click on “Clear recent history…”
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.
Click OK and then refresh the page.
Click on the three horizontal dots menu on the top-right corner of the browser window.
On the context menu that appears, click on History.
On the History window, click on the three horizontal dots menu.
Click on Clear browsing data
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.
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.
Click on the three vertical dots menu on the top-right corner of the browser.
On the context menu that appears, click on New Incognito window.
Click on the three horizontal lines menu on the top-right corner of the browser window.
On the context menu that appears, click on New private window.
Click on the three horizontal dots menu on the top-right corner of the browser window.
On the context menu that appears, click on New Incognito 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.
Click on the three vertical dots menu on the top-right corner of the browser window.
On the context menu that appears, click on Settings.
Alternatively, you can also access Settings by pressing Alt+F (to open Menu) and then press the S key (to open Settings).
On the left panel, click on Privacy and security.
On the center panel, under Privacy and security, select Site Settings.
Scroll down to the Content section, and click on JavaScript.
Make sure that the Default behavior is set to “Sites can use JavaScript”. Then, go back to the portal and click the Refresh button.
You can also press F5 to refresh the page.
Type “about:config” into the address bar of your Firefox browser window, and click enter.
A warning message will display on your browser; click “Accept the Risk and Continue” button to proceed.
Type “javascript.enabled” in the search box to find the preference result of the same name.
If the value is set to “false”, click on the toggle icon to turn on JavaScript. The value should read as “true”.
Now, you just need to restart your Firefox browser and go back to the portal.
Click on the three horizontal dots menu on the top-right corner of the browser window.
On the context menu that appears, click on Settings.
On the left panel, click on “Cookies and site permissions”.
Scroll down to the All permissions section, and click on JavaScript.
Make sure that the toggle is on and set to “Allowed (recommended)”. Then, go back to the portal and click the Refresh button.
You can also press F5 to refresh the page.
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.
Use the Ctrl+Shift+I shortcut to open the Developer Tools (same shortcut for Chrome, Firefox, and Edge).
Select the Console tab.
Right click on the console.
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.