javascript - 堆叠列每列两个值

Question

在 highcharts 中有没有办法堆叠每列有两个值的列。未完成元素与已完成元素我想要的是 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>

Answer 1

我想通了。 对于每个额外的列，您必须为前一列放置 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