那个JSON文件编程正确吗?
我已经阅读了w3学校教程,并且理解我已经尝试编写这个JSON文件那个JSON文件编程正确吗?,json,Json,我已经阅读了w3学校教程,并且理解我已经尝试编写这个JSON文件 那个JSON文件编程正确吗 我可以在没有本地主机软件或服务器主机的情况下通过artisteer在我的pc上运行JSON文件吗 下面是我如何读取这个文件来创建图表的 <script type="text/javascript"> $(function () { var source = new DevExpress.data.DataSource({
<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 + '°C';
}
}
}
});
changeFilter = function(e) {
var t = e.options[e.selectedIndex].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);
}
);
首先使用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 + '°C';
}
}
}
});
changeFilter = function(e) {
var t = e.options[e.selectedIndex].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>