Jquery - 计算 JSON 对象

日期计数对象存在重大结构缺陷。

当您美化它们时，它们看起来像：

var dateCounts_Blue = {
      "2015": {
        "2015-01": 0,
        "2015-02": 0,
        "2015-03": 0,
        "2015-04": 0
      },
      "2015": {
        "2015-05": 0
      },
      "2015": {
        "2015-06": 0
      },
      "2015": {
        "2015-07": 0
      },
       ......

对象键必须是唯一的，以便这些键明显重复，编译器将覆盖重复项。

修复在开始时脱离预期模式分组的模式

var dateCounts_Red = {
"2015":
{
"2015-01":0,
"2015-02":0,
"2015-03":0,
"2015-04":0,
"2015-05":0,
"2015-06":0,
"2015-07":0,
"2015-08":0,
"2015-09":0,
"2015-10":0,
"2015-11":0,
"2015-12":0
},
};
var dateCounts_Blue = {
"2015":{
"2015-01":0,
"2015-02":0,
"2015-03":0,
"2015-04":0,
"2015-05":0,
"2015-06":0,
"2015-07":0,
"2015-08":0,
"2015-09":0,
"2015-10":0, 
"2015-11":0,
"2015-12":0
}
};
var dateCounts_Yellow = {
"2015":{
"2015-01":0,
"2015-02":0,
"2015-03":0,
"2015-04":0,
"2015-05":0,
"2015-06":0,
"2015-07":0,
"2015-08":0,
"2015-09":0,
"2015-10":0,
"2015-11":0,
"2015-12":0}
};

您的数据结构存在缺陷，并且在执行foreach循环时，这种比较值变得不一致，因为它将其与多个值进行比较，上述JSON可以解决您的问题。

不是很 codereview.stackexchange.com，但我大量修改了你的javascript，让它工作得更好一点

$.ajax({
  url: basePath,
  dataType: 'json',
  cache: false,
  success: function(data) {
    var counts = {};
    data.d.results.forEach(function(element) {
      // If you know it's all the same year, you could totally ignore this
      var yr = element.created_date.slice(0, 4);
      var month = parseInt(element.created_date.slice(5,7));
      var color = element.colorvalue;
      if (counts[color] === undefined) {
        counts[color] = {};
      }
      if (counts[color][yr] === undefined) {
        counts[color][yr] = {};
      }
      current_value = counts[color][yr][month];
      if (current_value === undefined) {
        // Doesnt exist yet, so add it
        counts[color][yr][month] = 1;
      } else {
        // Exists, so increment by 1
        counts[color][yr][month] = current_value + 1;
      }
    });
    console.log(JSON.stringify(counts));
    console.log(transform_series(counts['red']['2015']));
    console.log(transform_series(counts['blue']['2015']));
    console.log(transform_series(counts['yellow']['2015']));
    var Options = {
      chart: {
        renderTo: 'myfirstchart',
        type: 'column',
        margin: 75,
        options3d: {
          enabled: true,
          alpha: 25,
          beta: 0,
          depth: 70
        }
      },
      title: {
        text: "Test Highcharts"
      },
      subtitle: {
        text: 'Test charts'
      },
      plotOptions: {
        column: {
          depth: 25
        }
      },
      xAxis: {
        categories: ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"]
      },
      yAxis: {
        title: {
          text: "Number of entries"
        }
      },
      tooltip: {
        headerFormat: '<b>{point.key}</b><br>',
        pointFormat: '<span style="color:{series.color}">'u25CF</span> {series.name}: {point.y} / {point.stackTotal}'
      },
      plotOptions: {
        column: {
          stacking: 'normal',
          depth: 40
        }
      },
      series: [{
        name: 'Red',
        color: 'red',
        data: transform_series(counts['red']['2015']),
        stack: '2015'
      }, {
        name: 'Blue',
        color: 'blue',
        data: transform_series(counts['blue']['2015']),
        stack: '2015'
      }, {
        name: 'Yellow',
        color: 'yellow',
        data: transform_series(counts['yellow']['2015']),
        stack: '2015'
      }]
    };
    return new Highcharts.Chart(Options);
  }
});

// this transforms the hash {10: 5, 11:1, 12:1} to get you all 12 months
// and returns an array of values [ 0, 0, 0, 0, 0 ... 5, 1, 1] that
// can be used in high charts
function transform_series(series) {
        return Array.apply(null, Array(13)).map(function (_, i) {return (series[i] === undefined) ? 0 : series[i];}).slice(1,13);
}