堆積列每列兩個值

有沒有一種方法可以在高圖中堆積每列有兩個值的列。不完整vs已完成項目我想要的是Aaron的一列有不完整和已完成的值，那麼Johns Team的下一列的值不完整和已完成？在此先感謝您的幫助我的代碼如下：堆積列每列兩個值

$(function() { 
 
    $('#container').highcharts({ 
 
    chart: { 
 
     type: 'column' 
 
    }, 
 
    title: { 
 
     text: 'Complete vs Incomplete Tasks (by Team)' 
 
    }, 
 
    xAxis: { 
 
     categories: ['Aarons Team' /*,'Johns Team' */ ] 
 
    }, 
 
    yAxis: { 
 
     min: 0, 
 
     title: { 
 
     text: 'Tasks' 
 
     } 
 
    }, 
 
    legend: { 
 
     reversed: true 
 
    }, 
 
    plotOptions: { 
 
     series: { 
 
     stacking: 'normal' 
 
     } 
 
    }, 
 
    series: [{ 
 
     name: 'Aarons Team', 
 
     data: [4] 
 
     }, //incomplete projects 
 
     { 
 
     name: 'Aarons Team', 
 
     data: [2] 
 
     } // completed projects 
 
     /* {name: 'Johns Team', data:[6]},    //incompleted projects 
 
     {name: 'Johns Team', data:[4]}    // completed projects 
 
     */ 
 

 
    ] 
 

 
    }); 
 
});

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
 
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
 
<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>

來源

2017-02-13 triggerphish

下一次請點擊編輯器中的<<>'創建一個[mcve] – mplungjan

看到這個[link]（http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/樹/主/樣本/ highcharts /演示/列堆疊/）它會幫助你 – khushi

我想通了。對於每個額外的列，您必須爲前一列放置0或NULL。

 { name: 'Aarons Team', data:[4] }, //incomplete projects 
     { name: 'Aarons Team', data:[2]} // completed projects 
     {name: 'Johns Team', data:[0,6]},    //incompleted projects 
     {name: 'Johns Team', data:[0,4]}    // completed projects

來源

2017-02-13 17:18:07 triggerphish

如果我正確理解你的問題，你要求的是堆棧柱狀圖的基本功能。

你可以將它設置這樣的：

xAxis: { 
    categories: ['Aaron','John'] 
}, 
series: [{ 
    name: 'Complete', 
    data: [5,7] 
}, { 
    name: 'Incomplete', 
    data: [8,9] 
}]

小提琴：

http://jsfiddle.net/jlbriggs/3d3fuhbb/206/

輸出：

來源

2017-02-14 21:38:40 jlbriggs

堆積列每列兩個值

回答

相關問題