Unknown widget: chart.Charts"
From Documentation
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | {{ZKChartsEssentialsPageHeader}} | ||
+ | |||
+ | |||
+ | |||
= Problem Decription= | = Problem Decription= | ||
You see the error below in a browser developer tool > Console tab: | You see the error below in a browser developer tool > Console tab: | ||
Line 14: | Line 18: | ||
There must be something at the client-side affecting the widget registration. | There must be something at the client-side affecting the widget registration. | ||
− | == Load a JavaScript that interferes widget loading == | + | == Load a JavaScript that interferes with widget loading == |
− | There are possibilities, e.g. if you load highcharts, bootstrap js by yourselves, this might cause | + | There are possibilities, e.g. if you load highcharts, bootstrap js by yourselves, this might cause an error in chart.wpd and fail the widget registration. |
− | Remove the javascript or resolve the | + | Remove the javascript or resolve the code that interferes zk widget loading can solve this error. |
== Mixing 2 different versions of ZK jar == | == Mixing 2 different versions of ZK jar == | ||
Line 23: | Line 27: | ||
<!-- collect from tickets | <!-- collect from tickets | ||
− | #11931, #2925, #11931 | + | #11931, #2925, #11931, #15494 |
--> | --> | ||
Line 30: | Line 34: | ||
[[File:chart wpd.jpg | center]] | [[File:chart wpd.jpg | center]] | ||
* Check if you include any non-ZK javascript, remove them one by one to find the one that interferes ZK. | * Check if you include any non-ZK javascript, remove them one by one to find the one that interferes ZK. | ||
+ | |||
+ | |||
+ | {{ZKChartsEssentialsPageFooter}} |
Latest revision as of 04:31, 8 November 2022
Problem Decription
You see the error below in a browser developer tool > Console tab:
Uncaught Unknown widget: chart.Charts
Why It Happens
ZK fails to instantiate a chart widget because the chart js isn't loaded. (the widget class chart.Charts
isn't registered successfully).
Possible Causes and Solutions
There must be something at the client-side affecting the widget registration.
Load a JavaScript that interferes with widget loading
There are possibilities, e.g. if you load highcharts, bootstrap js by yourselves, this might cause an error in chart.wpd and fail the widget registration.
Remove the javascript or resolve the code that interferes zk widget loading can solve this error.
Mixing 2 different versions of ZK jar
Please check your jar and just make sure you include one version of ZK jar in one application.
Debugging Steps
- Check if chart.wpd is loaded successfully with developer tool > Network tab.
- Check if you include any non-ZK javascript, remove them one by one to find the one that interferes ZK.
< Get Complete Source Code of This Book >