即使在以Json格式發送數據之後，Morris圖表也無法使用動態數據

我在我的網站中使用了Morris圖表，但是當我以動態方式以JSON格式發送數據時，它不起作用。但與此同時，如果我手動推送數據，則它開始工作。請提出一些建議。即使在以Json格式發送數據之後，Morris圖表也無法使用動態數據

下面是代碼

function generateUserGraph() { 
 
      // some logic and below object is return 
 
      var toreturn = "{ Y: '10000001', A: '-1' }, { Y: '10000045', A: '1' }"; 
 
      return toreturn; 
 
     } 
 

 
     Morris.Bar({ 
 
      element: 'NLcurrentProgressBar', 
 
      resize: true, 
 
      data: [generateUserGraph()], 
 
      barColors: function (row, series, type) { 
 
       if (row.y == 0) { 
 
        return ['#6D5858']; 
 
       } 
 
       else if (row.y < 0) { 
 
        return ['#E71717']; 
 
       } 
 
       else { 
 
        return ['#00a65a']; 
 
       } 
 
      }, 
 
      xkey: ['Y'], 
 
      ykeys: ['A'], 
 
      labels: ['<a href="www.google.com">Question</a>'], 
 
      hideHover: 'auto' 
 
     });

<div id = "NLcurrentProgressBar"></div>

在上面的代碼請建議。如果我直接通過上面的字符串，然後它工作，但是當我通過使用功能，它再沒有結果呈現

like : below code is working : 
 
data: [{ Y: '10000001', A: '-1' }, { Y: '10000045', A: '1' }],

but this is not working : 
 
data: [generateUserGraph()]

來源

2014-10-01 Shan k

除非你證明你有不工作的代碼的小例子，這裏沒有人可以幫你。 – 2014-10-01 14:18:58

'data：{Y：'10000001'，A：'-1'}，{Y：'10000045'，A：'1'}'真的有用嗎？ – Krzysiek 2014-10-02 06:40:43

是的，它正在工作......讓我試着在jsfiddle中提供它的一些樣本。 – 2014-10-02 06:42:37

你必須提供對象的數組，但你的函數返回字符串！

function generateUserGraph() { 
     // some logic and below object is return 
     var toreturn = [{ Y: '10000001', A: '-1' }, { Y: '10000045', A: '1' }]; 
     return toreturn; 
    } 

    Morris.Bar({ 
     element: 'NLcurrentProgressBar', 
     resize: true, 
     data: generateUserGraph(), 
     barColors: function (row, series, type) { 
      if (row.y == 0) { 
       return ['#6D5858']; 
      } 
      else if (row.y < 0) { 
       return ['#E71717']; 
      } 
      else { 
       return ['#00a65a']; 
      } 
     }, 
     xkey: ['Y'], 
     ykeys: ['A'], 
     labels: ['<a href="www.google.com">Question</a>'], 
     hideHover: 'auto' 
    });

來源

2014-10-02 06:36:45 Krzysiek

嗨，即使這是行不通的，它是仍然將其視爲String。請建議如何以正確的格式轉換它。 – 2014-10-02 06:39:50

http://jsbin.com/uzosiq/258/embed?javascript,live找到3個區別：P – Krzysiek 2014-10-02 06:42:16

嗨Krzysiek，字符串被轉換爲對象:) ..但實際上我在連接各種字符串之後動態創建「toreturn」字符串通過在localStorage中使用一些值，這就是爲什麼我返回一個字符串。請幫我解決這種情況，我正在準備localStorage的數據，有沒有其他的辦法，可能是我走錯了方向。請建議。 – 2014-10-02 07:04:12

我發送字符串不是對象並解決此問題。我們需要以對象格式推送數據。

Working Link

來源

2014-10-02 07:45:09

即使在以Json格式發送數據之後，Morris圖表也無法使用動態數據

回答

相關問題