Telerik Forums / Kendo UI for jQuery
This is a migrated thread and some comments may be shown as answers.

Invalid value for <path> attribute d=

7 Answers 777 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Piotr
Top achievements
Rank 1
Piotr asked on 24 Feb 2015, 01:37 PM
Hi,

i cant show any chart in my app, ive got an error:
Invalid value for <path> attribute d="M5 43 L NaN 43 NaN 361 5 361Z"

but its working in your dojo http://dojo.telerik.com/EnIYE

$("#chart").kendoChart({
                title: {
                text: "test chart"
            },
            legend: {
                position: "bottom"
            },
            seriesDefaults: {
                type: "area",
                area: {
                    line: {
                        style: "smooth"
                    }
                }
            },
            series: [{
                name: "Licznik 1",
                data: [7, 12, 11, 13, 13, 17, 16, 15, 17, 10, 5, 5, 4]
            }, {
                name: "Licznik 2",
                data: [17, 26, 30, 31, 31, 27, 24, 33, 30, 19, 16, 16, 12]
            }, {
                name: "Licznik 3",
                data: [3, 3, 5, 6, 6, 5, 5, 6, 6, 5, 3, 3, 1]
            }, {
                name: "Licznik 4",
                data: [7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7]
            }],
            valueAxis: {
                labels: {
                    format: "{0} kwh"
                },
                line: {
                    visible: false
                },
                axisCrossingValue: -10
            },
            categoryAxis: {
                categories: ["08:00", "09:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00"],
                majorGridLines: {
                    visible: false
                }
            },
            tooltip: {
                visible: true,
                format: "{0} kwh",
                template: "#= series.name #: #= value #"
            }
            });

7 Answers, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 25 Feb 2015, 09:14 AM
Hello Piotr,

What I can suggest is that you try the following steps:
    - Are there any other JavaScript errors that could break the proper rendering of the kendo widgets? If there are such errors they must be found and fixed.
    - If you are not using latest Kendo UI version, does upgrading to it helps?
    - Is the issue a browser specific and if so which is the browser and its version? Note that Internet Explorer compatibility modes are not supported. These modes can exhibit different behavior and rendering bugs, compared to the browser versions they emulate. It is highly recommended to use IE's Edge mode via META tag or HTTP header:
​
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

More information is available in the supported browsers article.

If the above information, however, do not help could you please isolate a simple page with the problematic behavior and then send it back to us, so that we can make a further investigation on the matter?

Regards,
Danail Vasilev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Piotr
Top achievements
Rank 1
answered on 25 Feb 2015, 11:24 AM
- there are no other errors 
- im using latest Kendo UI (was trying also latest internal build)
- same error on FF and Chrome v. 40

ive got <meta http-equiv="X-UA-Compatible" content="IE=edge" /> in META tag

ive created in your dojo http://dojo.telerik.com/EnIYE sample code with mine css and js files (jquery is included in my js file)

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>IntrApp Server</title>
    <link rel="stylesheet" type="text/css" href="https://intrapp.pl:12003/intrapp.css" />
    <script type="text/javascript" src="https://intrapp.pl:12003/intrapp.js"></script> 
 
    <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
</head>
<body>
<div id="chart"></div>
    <script>
        function createChart() {
            $("#chart").kendoChart({
                title: {
                text: "Zużycie energii w dniu dzisiejszym"
            },
            legend: {
                position: "bottom"
            },
            seriesDefaults: {
                type: "area",
                area: {
                    line: {
                        style: "smooth"
                    }
                }
            },
            series: [{
                name: "Licznik 1",
                data: [7, 12, 11, 13, 13, 17, 16, 15, 17, 10, 5, 5, 4]
            }, {
                name: "Licznik 2",
                data: [17, 26, 30, 31, 31, 27, 24, 33, 30, 19, 16, 16, 12]
            }, {
                name: "Licznik 3",
                data: [3, 3, 5, 6, 6, 5, 5, 6, 6, 5, 3, 3, 1]
            }, {
                name: "Licznik 4",
                data: [7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7]
            }],
            valueAxis: {
                labels: {
                    format: "{0}%"
                },
                line: {
                    visible: false
                },
                axisCrossingValue: -10
            },
            categoryAxis: {
                categories: ["08:00", "09:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00"],
                majorGridLines: {
                    visible: false
                }
            },
            tooltip: {
                visible: true,
                format: "{0}%",
                template: "#= series.name #: #= value #"
            }
            });
        }
 
        $(document).ready(createChart);
        $(document).bind("kendo:skinChange", createChart);
    </script>
    <style type="text/css">
        #chart {
            background: center no-repeat url('../content/shared/styles/world-map.png');
        }
    </style>
 
 
</body>
</html>

0
Piotr
Top achievements
Rank 1
answered on 25 Feb 2015, 12:44 PM
i found the problem, it was a library datejs, so i dont need help anymore, but thanks anyway :)
0
Paul
Top achievements
Rank 1
answered on 11 Mar 2015, 03:26 PM
What was the problem? I have this exact issue.
0
Thomas
Top achievements
Rank 1
answered on 08 Apr 2015, 09:41 PM
I also have the same problem, I'm using Date.js what is the issue and how did you resolve it?
0
Paul
Top achievements
Rank 1
answered on 08 Apr 2015, 10:10 PM

I am not using Date.js. Not even sure what that is. I dropped the Kendo.all.js file into my project instead of using many different JS files and it began working. I cannot ship this way when I'm done with development due to the extreme file size of the Kendo.all.js file. So I would like to know what file I am missing or have in the wrong order. But I have not truly solved it yet - just that work around. 

 Piotr has not replied to me so I doubt he'll answer you. In the meantime if I find the issue I'll update this thread. Please do the same.

0
Thomas
Top achievements
Rank 1
answered on 09 Apr 2015, 02:43 PM
HI Paul seem to be a global variable conflict what i did to resolve is move the datejs file to the bottom of my script lists. You should try re-ordering your script files move kendo files all the way to the top see if that helps. 
Tags
Charts
Asked by
Piotr
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Piotr
Top achievements
Rank 1
Paul
Top achievements
Rank 1
Thomas
Top achievements
Rank 1
Share this question
or