Внешние данные для построения с помощью jQuery Flot ⇐ Jquery

[Anonymous]

Я пытаюсь использовать плагин flot для построения некоторых данных, записанных в файл JSON.
Кажется, это не так сложно, но я не могу найти что-то работающее... не могли бы вы мне помочь?
Это страница, которую я написал:

Код: Выделить всё

$(function () {
var data;
$.getJSON("1.json", function(json) {
var data = json;
});

var options = {
legend: {
show: true,
margin: 10,
backgroundOpacity: 0.5
},
points: {
show: true,
radius: 3
},
lines: {
show: true
}
};

var plotarea = $("#placeholder");

$.plot(plotarea , data, options);
});

в то время как файл 1.json содержит все следующее:

Код: Выделить всё

{  label: "Values",
data:   [
[1, 50.026],
[2, 50.028],
[3, 50.029],
[4, 50.026],
[5, 50.025],
[6, 50.016]
]
}

@MarcoJohannesen Даже если я напишу «console.log(data)» после вызова JSON, сценарий все равно не будет работать, и на экране не появится никакого сообщения. С помощью утилиты Chrome (не помню названия ) я вижу, что файл 1.json загружен правильно. Думаю, проблема в том, что сначала выполняется скрипт, а уже после этого загружается файл 1.json. Я немного отредактировал страницу.
Это код страницы «1.htm»:

Код: Выделить всё

Graph


$(function () {
var data;
$.getJSON("1.json", function(json) {
var data = json;
});
console.log(data);

var plotarea = $("#placeholder");

$.plot(plotarea , data);
});

а это 1.json (я добавил квадратные скобки)

Код: Выделить всё

[{  label: "Values",
data:   [
[1, 50.026],
[2, 50.028],
[3, 50.029],
[4, 50.026],
[5, 50.025],
[6, 50.016]
]
}}

Я определенно нашел способ сделать рабочую страницу. Вот какой код я использовал:

Код: Выделить всё

Graph

$(document).ready(function(){
$.getJSON("1.json", function(json) {
//succes - data loaded, now use plot:
var plotarea = $("#placeholder");
var data=[json.data];
$.plot(plotarea , data);
});
});

и это файл json (взято из официальных примеров, чтобы убедиться, что он правильно отформатирован)

Код: Выделить всё

{
"label": "Europe (EU27)",
"data": [[1999, 1], [2000, 0.23], [2001, 3], [2002, 4], [2003, 1.3], [2004, 2.5], [2005, 2.0], [2006, 3.1], [2007, 2.9], [2008, 0.9]]
}

сейчас я иду спать, но завтра нам нужно попытаться добавить метку к графику и попробовать использовать более одной серии значений.

Подробнее здесь: https://stackoverflow.com/questions/785 ... query-flot