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

Я пытаюсь использовать плагин 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 (название не помню ;-)) я вижу, что файл hte 1.json загружен правильно.Думаю, проблема в том, что сначала выполняется скрипт, а потом загружается файл 1.json. Я немного отредактировал страницу. Вы можете увидеть демонстрацию на этой странице Это код страницы "1.htm":




    
    
 
    
    

Graph

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

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

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




    
    
 
    
    

Graph

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

{
    "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]]
}

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

5
задан Nicolaesse 7 November 2011 в 23:10
поделиться