jqxChart выбрасывает сетевую ошибку при использовании локальных данных

Question

jqxChart выбрасывает сетевую ошибку при использовании локальных данных

0

У меня есть 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>

Ryan S 10 янв. 2014, в 16:37

Источник

Теги:

javascript

jquery

jqwidget

1 ответ

Ещё вопросы

scripto · Accepted Answer · 2014-01-11T11-00-00.000Z

Это похоже на ваш код, который, похоже, не связан с диаграммой jQWidgets. Удалите его, и я полагаю, что не было бы сетевой ошибки

Оказывается, это было связано с тем, как веб-сервер обрабатывал тег <base>. Удалил тег и использовал абсолютные пути, и все вернулось к работе, как и ожидалось. Спасибо!