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

Bug when including jQuery UI

3 Answers 111 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Troy Chapla
Top achievements
Rank 1
Troy Chapla asked on 04 Nov 2011, 05:08 PM
When trying to create a chart with kendo I get several errors in firebug:  
Unexpected value M184.5 NaN 215.5 NaN 215.5 NaN 184.5 NaN z parsing d attribute.

I copied the example in the Kendo UI download and included the jQuery UI framework (jquery-ui-1.8.16.custom.js) .  Any ideas what I can do to resolve this?

So I'm basically running:
            <script>
                function createChart() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "kendo",
                        title: {
                            text: "Internet Users"
                        },
                        legend: {
                            position: "bottom"
                        },
                        seriesDefaults: {
                            type: "column"
                        },
                        series: [{
                            name: "World",
                            data: [15.7, 16.7, 20, 23.5, 26.6]
                        }, {
                            name: "United States",
                            data: [67.96, 68.93, 75, 74, 78]
                        }],
                        valueAxis: {
                            labels: {
                                format: "{0}%"
                            }
                        },
                        categoryAxis: {
                            categories: [2005, 2006, 2007, 2008, 2009]
                        },
                        tooltip: {
                            visible: true,
                            format: "{0}%"
                        }
                    });
                }

                $(document).ready(function() {
                    createChart();

                    $(document).bind("kendo:skinChange", function(e) {
                        createChart();
                    });
                });
            </script>

thanks,
TC

3 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 07 Nov 2011, 08:02 AM
Hi Troy,

This is a known problem that will be resolved in the next release. For the moment you can try the following workaround:

$.easing.def = "jslide";

I hope this helps.

Greetings,
Tsvetomir Tsonev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Troy Chapla
Top achievements
Rank 1
answered on 07 Nov 2011, 06:31 PM
Thanks for the reply.  I tried adding
$.easing.def = "jslide";
at the top of the document ready, and I get the following error in firebug:

$.easing[$.easing.def] is not a function
jquery-1.8.16.custom.js (line 10777)

This is with:
jquery-1.6.4.min.js
and
jquery-ui-1.8.16.custom.js

The def object does not exist.  Is there something I'm missing?

tx
0
Troy Chapla
Top achievements
Rank 1
answered on 07 Nov 2011, 06:46 PM
After commenting out the lines 10775-10778 of jquery-1.8.16.custom.js, I was able to get it to work.  Thanks for the workaround, I will look forward to the new release.

I had to comment out the swing function of the easing plugin, embedded in the jQuery UI

    //swing: function (x, t, b, c, d) {
        //alert($.easing.default);
        //return $.easing[$.easing.def](x, t, b, c, d);
    //},
Tags
Charts
Asked by
Troy Chapla
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Troy Chapla
Top achievements
Rank 1
Share this question
or