JavaScript的人力車條形圖的寬度= NaN

我想繪製一個非常基本的數據，因爲某些原因，當我創建自己的系列數組（與顏色：字符串，數據：[{}]一組人力車條形圖和名稱：字符串）我得到這個錯誤：JavaScript的人力車條形圖的寬度= NaN

錯誤：屬性的寬度=「南」

，如果我看的圖中的每個酒吧創建的元素，他們確實有寬度= NaN的值無效：

var json = '@Html.Raw(Json.Encode(Model))'; 
    var array = $.parseJSON(json); 
    var dataArray = []; 

    var palette = new Rickshaw.Color.Palette({ scheme: 'classic9' }); 

    for (var i = 0; i < array.length; i++) { 
     dataArray.push( 
      { 
       color: palette.color(), 
       data: [{x: i, y: array[i].Value}], 
       name: array[i].Key 
      }); 
    } 

    console.log(dataArray); 

    var graph = new Rickshaw.Graph({ 
     element: document.querySelector("#chart"), 
     renderer: 'bar', 
     width: 420, 
     height: 280, 
     series: dataArray 
    }); 

    graph.render(); 

<rect x="0" y="208.95816646947355" width="NaN" height="71.04183353052643" transform="matrix(1,0,0,1,0,0)" fill="#2f254a"></rect> 
<rect x="0" y="168.32890323029957" width="NaN" height="40.6333259065763" transform="matrix(1,0,0,1,0,0)" fill="#491d37"></rect> 
<rect x="0" y="133.60905003661946" width="NaN" height="34.71985319368011" transform="matrix(1,0,0,1,0,0)" fill="#7c2626"></rect>

謝謝。

來源

2013-12-19 LaurentH

其實它的一個已知問題是人力車：一個系列有多個數據點的作品，多個系列有多個數據點的作品，多個系列都只有一個數據點不起作用。這是我的情況。

改變了我設計我的圖的方式來解決這個問題。

謝謝！

來源

2013-12-19 10:41:05 LaurentH

JavaScript的人力車條形圖的寬度= NaN

回答

相關問題