Morris js dynamic ykeys

Question

Я строю диаграмму, чтобы отслеживать запасы моих продуктов на сколько мне осталось в месяц. Я пытаюсь построить 12-месячный прогнозируемый запас с текущего месяца.

Я хотел бы попробовать Morris.js. Там demo у вас есть a и b как ваш ykeys. Я предполагаю, что это продукты. Он отлично работает, если вы контролируете свой список продуктов. Но что, если ваш пользователь добавил новые продукты. Скажем, продукт c, d и e. Как вы намерены использовать этот продукт на графике без его жесткого кодирования?

Я использую asp.net mvc 5, EF 4 Code-first. Я не могу понять, как это сделать. Любая помощь приветствуется. Благодаря!

Answer 1

Вы можете предоставить массив значений, динамически создаваемых для вашего атрибута ykeys. Как этот массив выбирается, действительно зависит от вас, но одна возможность - через запрос Ajax. Учитывайте следующее:

var request = $.ajax({ 
    url: getGraphDataUrl, 
    type: "GET", 
    statusCode: { 
     200: function (msg) { 
      if(typeof msg != 'undefined' && msg.length > 0) { 
       msg = JSON.parse(msg); 
       Morris.Line({ 
        element: 'line-example', 
        data: msg.data, 
        xkey: 'y', 
        ykeys: msg.ykeys, 
        labels: msg.labels 
       }); 
      } 
     } 
    }); 

Очевидно, что это очень упрощенный пример. Как вы можете видеть, многие атрибуты могут быть выбраны как JSON через запрос Ajax. Конечно, вам придется написать код на стороне сервера, который будет формировать ответ JSON, но я считаю, что это выходит за рамки этого вопроса.