使用本地数据时jqxChart抛出网络错误

时间:2014-01-10 15:11:46

标签: javascript jquery jqwidget

我的网页上有一个jqxChart,我从本地数据阵列加载。创建图表时,似乎是对页面的基本href的调用。该图表呈现成功,但Firebug报告

"NetworkError: 404 Not Found - http://localhost/foo"

它没有提供该调用的javascript源,声明该调用来自/ foo /。但是当我删除$(“#jqxChart”)。jqxChart(设置);调用,错误不会被抛出,导致我相信它是图表初始化中导致这种情况的内容。有没有人见过这个或者能告诉我是什么原因造成的?我使用的测试网页复制如下。我正在运行jQuery v1.10.2和jqwidgets v3.1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">    
<head>
    <title></title>
    <base href="http://localhost/foo" />
    <script type="text/javascript" src="js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="js/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="js/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="js/jqwidgets/jqxchart.js"></script>
    <link href="js/jqwidgets/styles/jqx.base.css" type="text/css" rel="stylesheet" media="all" />
    <script type="text/javascript">
    //<![CDATA[
    var sampleData = [
        { calcTime : "Monday", value : 10 },
        { calcTime : "Tuesday", value : 20 },
        { calcTime : "Wednesday", value : 30 }
    ];
    $(document).ready(function(){
        var settings = {
            title : "Test Chart",
            description : "Network Error",
            source : sampleData,
            categoryAxis : {
                dataField : "calcTime",
                showGridLines : true
            },
            seriesGroups : [
                {
                    type : "line",
                    valueAxis : {
                        minValue : 0,
                        maxValue : 50,
                        axisSize : "auto",
                        description : "Test Values"
                    },
                    series : [{ dataField : "value", displayText : "value" }]
                }
            ]
        };
        $("#jqxChart").jqxChart(settings);
    });
    //]]>
    </script>
</head>
<body>
    <div id="jqxChart" style="width:600px; height:400px"></div>   
</body>
</html>

1 个答案:

答案 0 :(得分:0)

这似乎是因为您的代码似乎与jQWidgets图表无关。删除它,我想不会有网络错误