This is a migrated thread and some comments may be shown as answers.

Problem upgrading - Sparkline/Chart

7 Answers 165 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
JSON
Top achievements
Rank 1
JSON asked on 20 Nov 2014, 08:53 PM
I've tried updating to the latest build - v2014.3.1119 and chart rendering seems to have been broken. We're not using kendo.all, we're doing a custom build (we only use grids and sparklines along with Angular) from your custom download builder (http://www.telerik.com/download/custom-download). When I entered the dependencies in the custom download builder, I was given the following files to use in your CDN wrappers (we actually compile these at pre build, so we're not using the CDN, we build a library).

Here are the files:
kendo.core.js
kendo.angular.js
kendo.data.js
kendo.calendar.js
kendo.popup.js
kendo.datepicker.js
kendo.userevents.js
kendo.numerictextbox.js
kendo.validator.js
kendo.binder.js
kendo.editable.js
kendo.draganddrop.js
kendo.window.js
kendo.list.js
kendo.dropdownlist.js
kendo.filtermenu.js
kendo.menu.js
kendo.columnmenu.js
kendo.groupable.js
kendo.autocomplete.js
kendo.filtercell.js
kendo.pager.js
kendo.selectable.js
kendo.reorderable.js
kendo.resizable.js
kendo.fx.js
kendo.mobile.scroller.js
kendo.view.js
kendo.mobile.view.js
kendo.mobile.loader.js
kendo.mobile.pane.js
kendo.mobile.popover.js
kendo.mobile.shim.js
kendo.mobile.actionsheet.js
kendo.excel.js
kendo.pdf.js
kendo.drawing.js
kendo.columnsorter.js
kendo.grid.js
kendo.dataviz.core.js
kendo.dataviz.themes.js
kendo.dataviz.chart.js
kendo.dataviz.sparkline.js

The problem is with the charts only, grids render correctly. Here is the error message I get:

arning: KendoUI DataViz cannot render. Possible causes:
- The browser does not support SVG, VML and Canvas. User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.122 Safari/537.36
- The kendo.dataviz.(svg|vml|canvas).js scripts are not loaded 

I know for a fact that this version of Chrome supports SVG. The problem with the last part of the message is that there is no kendo.dataviz.svg file to include. If I include the kendo.all file this works and there are no log messages.


7 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 21 Nov 2014, 04:23 PM
Hello,

The error message looks like to be originating from the old scripts.
Can you please check that the scripts themselves are replaced?

The new version shouldn't look for kendo.dataviz.svg at all as its replaced by kendo.drawing.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
JSON
Top achievements
Rank 1
answered on 21 Nov 2014, 06:21 PM
Thanks. Yes, there was a caching issue.

Now when I load the new files, I get this error:

Uncaught Error: [$injector:modulerr] Failed to instantiate module wds due to:
Error: [$injector:modulerr] Failed to instantiate module kendo.directives due to:
Error: [$injector:nomod] Module 'kendo.directives' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

wds is our application. It doesn't seem to load because kendo.directives isn't available. Not sure if you changed something with your kendo Angular setup.

0
JSON
Top achievements
Rank 1
answered on 21 Nov 2014, 07:24 PM
Ok...You guys changed files around so we had compilation errors. That's fixed.

Now getting an error from the charts:

TypeError: undefined is not a function
    at ChartElement.extend.getBorderColor (http://localhost:8082/js/dist/lib.js:162668:21)
    at ChartElement.extend.createRect (http://localhost:8082/js/dist/lib.js:162618:33)
    at ChartElement.extend.createVisual (http://localhost:8082/js/dist/lib.js:162603:26)
    at Class.extend.renderVisual (http://localhost:8082/js/dist/lib.js:152927:18)
    at Class.extend.renderVisual (http://localhost:8082/js/dist/lib.js:152939:29)
    at Class.extend.renderVisual (http://localhost:8082/js/dist/lib.js:152939:29)
    at Class.extend.renderVisual (http://localhost:8082/js/dist/lib.js:152939:29)
    at Class.extend.renderVisual (http://localhost:8082/js/dist/lib.js:152939:29)
    at Class.extend.renderVisual (http://localhost:8082/js/dist/lib.js:152939:29)
    at Class.extend.renderVisual (http://localhost:8082/js/dist/lib.js:152939:29) <span kendo-sparkline="" k-options="sparklineOptions" class="ng-scope k-sparkline" data-role="sparkline" style="position: relative;">

Seems like this might be the error?
var brightness = new Color(background).percBrightness();

0
JSON
Top achievements
Rank 1
answered on 21 Nov 2014, 09:16 PM
Just for reference again, I imported kendo.all.js instead of my custom build and this just works. So I think something is missing that the custom download builder may have missed? I must admit your custom downloads can be a bit frustrating to build and maintain.
0
JSON
Top achievements
Rank 1
answered on 21 Nov 2014, 10:01 PM
I've created two dojos to display the issue with the custom build and kendo.all.

Custom:
http://dojo.telerik.com/@yazdog8/irikA

All:
http://dojo.telerik.com/@yazdog8/iVOvU
0
T. Tsonev
Telerik team
answered on 24 Nov 2014, 06:50 AM
Hello,

There is a missing dependency to kendo.color.js that is not included in the output of the download builder.
We're working on updating it, but for the moment add the following entry before kendo.drawing.js:
<script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.color.min.js"></script>

We're working on a command-line based bundling tool that will make the upgrade path easier in the future.

Please accept our apologies for the caused inconvenience.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
JSON
Top achievements
Rank 1
answered on 24 Nov 2014, 06:57 PM
Thank you! That solved the problem.
Tags
General Discussions
Asked by
JSON
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
JSON
Top achievements
Rank 1
Share this question
or