那个JSON文件编程正确吗?

那个JSON文件编程正确吗?,json,Json,我已经阅读了w3学校教程,并且理解我已经尝试编写这个JSON文件 那个JSON文件编程正确吗 我可以在没有本地主机软件或服务器主机的情况下通过artisteer在我的pc上运行JSON文件吗 下面是我如何读取这个文件来创建图表的 <script type="text/javascript"> $(function () { var source = new DevExpress.data.DataSource({

我已经阅读了w3学校教程,并且理解我已经尝试编写这个JSON文件

  • 那个JSON文件编程正确吗

  • 我可以在没有本地主机软件或服务器主机的情况下通过artisteer在我的pc上运行JSON文件吗

  • 下面是我如何读取这个文件来创建图表的

    <script type="text/javascript">
                $(function ()  
                    {
       var source = new DevExpress.data.DataSource({
        load: function(loadOptions) {
            var d = $.Deferred();
            $.getJSON('C:\Users\Desktop\testfile.json').done(function(data) {
                var filteredData = DevExpress.data
                  .query(data)
                  .filter(loadOptions.filter)
                  .toArray();
                d.resolve(filteredData);
            });
            return d.promise();
        },
        filter: ['t', '>', '6']
    });
    
    $('#chartContainer').dxChart({
        dataSource: source,
        title: 'Test Diagram',
        size: {
            height: 420
        },
        series: {
            argumentField: 'day',
            valueField: 't',
            type: 'bar'
        },
        legend: {
            visible: false
        },
        valueAxis: {
            min: 5,
            label: {
                customizeText: function() {
                    return this.valueText + '&#176C';
                }
            }
        }
    });
    
    changeFilter = function(e) {
        var t = e.options&#91;e.selectedIndex&#93;.value;
        source.filter(['t', '>', t]);
        source.load();
    };
    
    var html = '<div style="margin-top: 15px">Choose a option <select onchange="changeFilter(this)"><option selected>6<\/option><option>7<\/option><option>8<\/option><option>9<\/option><option>10<\/option><option>11<\/option><option>12<\/option><\/select><\/div>';
    $('#chartContainer').append(html);
    }
    
                );
    </script>
    
    
    $(函数()
    {
    var source=新的DevExpress.data.DataSource({
    加载:函数(加载选项){
    var d=$.Deferred();
    $.getJSON('C:\Users\Desktop\testfile.json').done(函数(数据){
    var filteredData=DevExpress.data
    .查询(数据)
    .filter(loadOptions.filter)
    .toArray();
    d、 解决(过滤数据);
    });
    返回d.promise();
    },
    筛选器:['t','>','6']
    });
    $('#chartContainer').dxChart({
    数据源:来源,
    标题:“测试图”,
    尺寸:{
    身高:420
    },
    系列:{
    argumentField:'天',
    valueField:'t',
    类型:'bar'
    },
    图例:{
    可见:假
    },
    valueAxis:{
    民:5,,
    标签:{
    自定义文本:函数(){
    返回this.valueText+'°C';
    }
    }
    }
    });
    changeFilter=函数(e){
    var t=e.options[;e.selectedIndex];value;
    filter(['t','>',t]);
    source.load();
    };
    var html='选择一个选项6789101112';
    $('#chartContainer')。附加(html);
    }
    );
    
  • 您可以在此处检查json的格式是否正确:。 在这种情况下,你的不是。看起来您在数组中的第二个对象后忘记了逗号

  • 在没有web服务器的情况下访问本地文件在大多数现代浏览器上都不起作用,但有一种方法可以强制它。有关此问题的更多信息,请参见此问题:


  • 首先使用www.jsonlint.com验证您的json。解析代码在那个非常有用的站点之后出现,感谢我缺少逗号。。。但是请告诉我nca我通过artisteer运行它而不使用本地主机或服务器主机??我的图表会出现吗??。。。因为如果有一个网站可以帮助我编写javascript代码来读取json文件,比如你提供的链接,那么我的图表就不起作用了,谢谢
    <script type="text/javascript">
                $(function ()  
                    {
       var source = new DevExpress.data.DataSource({
        load: function(loadOptions) {
            var d = $.Deferred();
            $.getJSON('C:\Users\Desktop\testfile.json').done(function(data) {
                var filteredData = DevExpress.data
                  .query(data)
                  .filter(loadOptions.filter)
                  .toArray();
                d.resolve(filteredData);
            });
            return d.promise();
        },
        filter: ['t', '>', '6']
    });
    
    $('#chartContainer').dxChart({
        dataSource: source,
        title: 'Test Diagram',
        size: {
            height: 420
        },
        series: {
            argumentField: 'day',
            valueField: 't',
            type: 'bar'
        },
        legend: {
            visible: false
        },
        valueAxis: {
            min: 5,
            label: {
                customizeText: function() {
                    return this.valueText + '&#176C';
                }
            }
        }
    });
    
    changeFilter = function(e) {
        var t = e.options&#91;e.selectedIndex&#93;.value;
        source.filter(['t', '>', t]);
        source.load();
    };
    
    var html = '<div style="margin-top: 15px">Choose a option <select onchange="changeFilter(this)"><option selected>6<\/option><option>7<\/option><option>8<\/option><option>9<\/option><option>10<\/option><option>11<\/option><option>12<\/option><\/select><\/div>';
    $('#chartContainer').append(html);
    }
    
                );
    </script>