2015-12-31 3 views
1

Я хочу отказаться от данных с помощью JSON в DevExpress диаграммах, я уже получить данные, но JSON DonT рассмотрит функцию х() Как я могу получить данные JSON в Dev Express для диаграмм?

$(document).ready(function() { 
 
\t 
 

 
function x(dataSource){ 
 
       $("#container").dxChart({ 
 
        dataSource: dataSource, 
 
        series: { 
 
         argumentField: "day", 
 
         valueField: "oranges", 
 
         name: "My oranges", 
 
         type: "bar", 
 
         color: '#ffa500' 
 
        } 
 
       }); 
 
      } 
 
      
 
      $.getJSON("data/simpleJSON.json", function (dataSource) { 
 
       x(dataSource); 
 
     }); 
 
});
SIMPLE JSON : 
 

 
    [{ 
 
     day: "Monday", 
 
     oranges: 3 
 
    }, { 
 
     day: "Tuesday", 
 
     oranges: 2 
 
    }, { 
 
     day: "Wednesday", 
 
     oranges: 3 
 
    }, { 
 
     day: "Thursday", 
 
     oranges: 4 
 
    }, { 
 
     day: "Friday", 
 
     oranges: 6 
 
    }, { 
 
     day: "Saturday", 
 
     oranges: 11 
 
    }, { 
 
     day: "Sunday", 
 
     oranges: 4 
 
    }]
<div id="container"></div>

+0

Как я могу решить эту проблему? Я получил данные JSON на странице, но функция не может показать ее на странице. –

+0

Есть ли сообщения об ошибках? Одна из возможных проблем может заключаться в том, что эта функция вызывает livelock: в вашей функции x вы вызываете одну и ту же функцию без каких-либо условий, заставляя эту функцию бесконечно запускать, как только вы вызываете эту функцию. Вы должны проверить скрипач, так это, и если да, исправьте. – hbulens

ответ

0

Я нашел ошибку, JS элементы должны быть в цитате Метки ("...").

SIMPLE JSON:

[{ "день": "Понедельник", "апельсины": 3 }, { "день": "вторник", "апельсины": 2 }, { "день": "среда", "апельсины": 3 }, { "день": "Четверг", "апельсины": 4 }, { "день": "пятница", " апельсины ": 6 }, { " день ":" Суббота ", "апельсины": 11 }, { "день": "Воскресенье", "апельсины": 4 }]