График флота не отображается. Нет кодов ошибок

Question

Я пытался создать график графика с помощью флота и столкнулся с проблемой. Я использую инструменты для разработчиков, чтобы увидеть, где находятся ошибки, и JSlint для проверки моего javascript, но оба говорят, что нет «ошибок». Кроме того, график не отображается, поэтому я, должно быть, сделал что-то неправильно. Ниже приведен код график:

 $(document).ready(function(){ 
      var graphdata = {"label":"MMR Over time","data":{"Rubick":6524,"Lion":6550,"Magnus":6565,"Keeper of the Light":6566}}; 
      var options = { 
       series: { 
        lines: { show: true }, 
        points: { 
         radius: 3, 
         show: true 
        } 
       } 
      }; 

     $.plot($(".graph_holder"), 
       graphdata, 
         options); 
     }); 

Answer 1

Вам нужно перечитать апи раздел Flot на Data Format.

"data":{"Rubick":6524,"Lion":6550,"Magnus":6565,"Keeper of the Light":6566} 

недействителен. Данные должны быть в виде массива массивов:

"data": [[0,6524],[1,6550],[2,6565]] //etc... 

Если вы используете categories плагин, данные почти правильно, но это было бы:

"data":[["Rubick",6524],["Lion",6550],["Magnus",6565],["Keeper of the Light",6566]] 

И, конечно же, если вы используете этот плагин, вам необходимо включить его:

xaxis: { 
    mode: "categories" 
}