Problem upgrading - Sparkline/Chart

8 posts, 0 answers
  1. JSON
    JSON avatar
    25 posts
    Member since:
    May 2014

    Posted 20 Nov 2014 Link to this post

    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.


  2. T. Tsonev
    Admin
    T. Tsonev avatar
    2817 posts

    Posted 21 Nov 2014 Link to this post

    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!
     
  3. JSON
    JSON avatar
    25 posts
    Member since:
    May 2014

    Posted 21 Nov 2014 in reply to T. Tsonev Link to this post

    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.

  4. JSON
    JSON avatar
    25 posts
    Member since:
    May 2014

    Posted 21 Nov 2014 in reply to JSON Link to this post

    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();

  5. JSON
    JSON avatar
    25 posts
    Member since:
    May 2014

    Posted 21 Nov 2014 in reply to JSON Link to this post

    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.
  6. JSON
    JSON avatar
    25 posts
    Member since:
    May 2014

    Posted 21 Nov 2014 in reply to JSON Link to this post

    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
  7. T. Tsonev
    Admin
    T. Tsonev avatar
    2817 posts

    Posted 24 Nov 2014 Link to this post

    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!
     
  8. JSON
    JSON avatar
    25 posts
    Member since:
    May 2014

    Posted 24 Nov 2014 in reply to T. Tsonev Link to this post

    Thank you! That solved the problem.
Back to Top