Javascript 如何处理复杂数据结构列表

在高位图表中，我有一个数组，如下所示， 但是，如果我试图通过返回数组的最高值来设置图表的极值，则会显示一个错误

function aoDashboardData() {
var data = [

     {      type: "",
            data: [{
                x: 0.0,
                low: Date.UTC(2016, 2, 15),
                high: Date.UTC(2016, 4, 10),
                color: "#4B0081"
            },
            {
                x: 0.0,
                low: Date.UTC(2016, 4, 15),
                high: Date.UTC(2016, 6, 15),
                color: "#00BFFE"
            },
            {
                x: 0.0,
                low: Date.UTC(2016, 6, 20),
                high: Date.UTC(2016, 8, 0),
                color: "#0047AB"
            },
            {
                x: 0.0,
                low: Date.UTC(2016, 8, 5),
                high: Date.UTC(2016, 10, 15),
                color: "#4682B4"
            },
            {
                x: 0.0,
                low: Date.UTC(2016, 10, 20),
                high: Date.UTC(2016, 12, 31),
                color: "#008081"
            }]
        },
        {
            type: 'line',
            data: [
                {
                    x: 0.0,
                    y: Date.UTC(2016, 2, 15),
                    marker: {
                        symbol: 'url(/../Content/Img/monitor.png)',
                    }
                },
                {
                    x: 0.0,
                    y: Date.UTC(2016, 4, 10),
                    marker: {
                        symbol: 'url(/../Content/Img/optimise.png)',
                    }
                },
                {
                    x: 0.0,
                    y: Date.UTC(2016, 6, 15),
                    marker: {
                        symbol: 'url(/../Content/Img/pilot.png)',
                    }
                },
                {
                    x: 0.0,
                    y: Date.UTC(2016, 8, 5),
                    marker: {
                        symbol: 'url(/../Content/Img/model.png)',
                    }
                },
                {
                    x: 0.0,
                    y: Date.UTC(2016, 10, 15),
                    marker: {
                        symbol: 'url(/../Content/Img/deploy.png)',
                    }
                }

            ]
        },



        {
            type: "",
            data: [{
                x: 1.0,
                low: Date.UTC(2016, 2, 15),
                high: Date.UTC(2016, 4, 10),
                color: "#4B0081"
            },
            {
                x: 1.0,
                low: Date.UTC(2016, 4, 15),
                high: Date.UTC(2016, 6, 15),
                color: "#00BFFE"
            },
            {
                x: 1.0,
                low: Date.UTC(2016, 6, 20),
                high: Date.UTC(2016, 8, 0),
                color: "#0047AB"
            },
            {
                x: 1.0,
                low: Date.UTC(2016, 8, 5),
                high: Date.UTC(2016, 10, 15),
                color: "#4682B4"
            },
            {
                x: 1.0,
                low: Date.UTC(2016, 10, 20),
                high: Date.UTC(2016, 12, 31),
                color: "#008081"
            }]
        },
        {
            type: 'line',
            data: [
                {
                    x: 1.0,
                    y: Date.UTC(2016, 2, 15),
                    marker: {
                        symbol: 'url(/../Content/Img/monitor.png)',
                    }
                },
                {
                    x: 1.0,
                    y: Date.UTC(2016, 4, 10),
                    marker: {
                        symbol: 'url(/../Content/Img/optimise.png)',
                    }
                },
                {
                    x: 1.0,
                    y: Date.UTC(2016, 6, 15),
                    marker: {
                        symbol: 'url(/../Content/Img/pilot.png)',
                    }
                },
                {
                    x: 1.0,
                    y: Date.UTC(2016, 8, 5),
                    marker: {
                        symbol: 'url(/../Content/Img/model.png)',
                    }
                },
                {
                    x: 1.0,
                    y: Date.UTC(2016, 10, 15),
                    marker: {
                        symbol: 'url(/../Content/Img/deploy.png)',
                    }
                }

            ]
        },

         {
             type: "",
             data: [{
                 x: 2.0,
                 low: Date.UTC(2016, 2, 15),
                 high: Date.UTC(2016, 4, 10),
                 color: "#4B0081"
             },
             {
                 x: 2.0,
                 low: Date.UTC(2016, 4, 15),
                 high: Date.UTC(2016, 6, 15),
                 color: "#00BFFE"
             },
             {
                 x: 2.0,
                 low: Date.UTC(2016, 6, 20),
                 high: Date.UTC(2016, 8, 0),
                 color: "#0047AB"
             },
             {
                 x: 2.0,
                 low: Date.UTC(2016, 8, 5),
                 high: Date.UTC(2016, 10, 15),
                 color: "#4682B4"
             },
             {
                 x: 2.0,
                 low: Date.UTC(2016, 10, 20),
                 high: Date.UTC(2016, 12, 31),
                 color: "#008081"
             }]
         },
         {
             type: 'line',
             data: [
                 {
                     x: 2.0,
                     y: Date.UTC(2016, 2, 15),
                     marker: {
                         symbol: 'url(/../Content/Img/monitor.png)',
                     }
                 },
                 {
                     x: 2.0,
                     y: Date.UTC(2016, 4, 10),
                     marker: {
                         symbol: 'url(/../Content/Img/optimise.png)',
                     }
                 },
                 {
                     x: 2.0,
                     y: Date.UTC(2016, 6, 15),
                     marker: {
                         symbol: 'url(/../Content/Img/pilot.png)',
                     }
                 },
                 {
                     x: 2.0,
                     y: Date.UTC(2016, 8, 5),
                     marker: {
                         symbol: 'url(/../Content/Img/model.png)',
                     }
                 },
                 {
                     x: 2.0,
                     y: Date.UTC(2016, 10, 15),
                     marker: {
                         symbol: 'url(/../Content/Img/deploy.png)',
                     }
                 }

             ]
         },


          {
              type: "",
              data: [{
                  x: 3.0,
                  low: Date.UTC(2016, 2, 15),
                  high: Date.UTC(2016, 4, 10),
                  color: "#4B0081"
              },
              {
                  x: 3.0,
                  low: Date.UTC(2016, 4, 15),
                  high: Date.UTC(2016, 6, 15),
                  color: "#00BFFE"
              },
              {
                  x: 3.0,
                  low: Date.UTC(2016, 6, 20),
                  high: Date.UTC(2016, 8, 0),
                  color: "#0047AB"
              },
              {
                  x: 3.0,
                  low: Date.UTC(2016, 8, 5),
                  high: Date.UTC(2016, 10, 15),
                  color: "#4682B4"
              },
              {
                  x: 3.0,
                  low: Date.UTC(2016, 10, 20),
                  high: Date.UTC(2016, 12, 31),
                  color: "#008081"
              }]
          },
          {
              type: 'line',
              data: [
                  {
                      x: 3.0,
                      y: Date.UTC(2016, 2, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/monitor.png)',
                      }
                  },
                  {
                      x: 3.0,
                      y: Date.UTC(2016, 4, 10),
                      marker: {
                          symbol: 'url(/../Content/Img/optimise.png)',
                      }
                  },
                  {
                      x: 3.0,
                      y: Date.UTC(2016, 6, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/pilot.png)',
                      }
                  },
                  {
                      x: 3.0,
                      y: Date.UTC(2016, 8, 5),
                      marker: {
                          symbol: 'url(/../Content/Img/model.png)',
                      }
                  },
                  {
                      x: 3.0,
                      y: Date.UTC(2016, 10, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/deploy.png)',
                      }
                  }

              ]
          },

          {
              type: "",
              data: [{
                  x: 4.0,
                  low: Date.UTC(2016, 2, 15),
                  high: Date.UTC(2016, 4, 10),
                  color: "#4B0081"
              },
              {
                  x: 4.0,
                  low: Date.UTC(2016, 4, 15),
                  high: Date.UTC(2016, 6, 15),
                  color: "#00BFFE"
              },
              {
                  x: 4.0,
                  low: Date.UTC(2016, 6, 20),
                  high: Date.UTC(2016, 8, 0),
                  color: "#0047AB"
              },
              {
                  x: 1.0,
                  low: Date.UTC(2016, 8, 5),
                  high: Date.UTC(2016, 10, 15),
                  color: "#4682B4"
              },
              {
                  x: 4.0,
                  low: Date.UTC(2016, 10, 20),
                  high: Date.UTC(2016, 12, 31),
                  color: "#008081"
              }]
          },
          {
              type: 'line',
              data: [
                  {
                      x: 4.0,
                      y: Date.UTC(2016, 2, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/monitor.png)',
                      }
                  },
                  {
                      x: 4.0,
                      y: Date.UTC(2016, 4, 10),
                      marker: {
                          symbol: 'url(/../Content/Img/optimise.png)',
                      }
                  },
                  {
                      x: 4.0,
                      y: Date.UTC(2016, 6, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/pilot.png)',
                      }
                  },
                  {
                      x: 4.0,
                      y: Date.UTC(2016, 8, 5),
                      marker: {
                          symbol: 'url(/../Content/Img/model.png)',
                      }
                  },
                  {
                      x: 4.0,
                      y: Date.UTC(2016, 10, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/deploy.png)',
                      }
                  }

              ]
          }

          ,

          {
              type: "",
              data: [{
                  x: 5.0,
                  low: Date.UTC(2016, 2, 15),
                  high: Date.UTC(2016, 4, 10),
                  color: "#4B0081"
              },
              {
                  x: 5.0,
                  low: Date.UTC(2016, 4, 15),
                  high: Date.UTC(2016, 6, 15),
                  color: "#00BFFE"
              },
              {
                  x: 5.0,
                  low: Date.UTC(2016, 6, 20),
                  high: Date.UTC(2016, 8, 0),
                  color: "#0047AB"
              },
              {
                  x: 5.0,
                  low: Date.UTC(2016, 8, 5),
                  high: Date.UTC(2016, 10, 15),
                  color: "#4682B4"
              },
              {
                  x: 5.0,
                  low: Date.UTC(2016, 10, 20),
                  high: Date.UTC(2016, 12, 31),
                  color: "#008081"
              }]
          },
          {
              type: 'line',
              data: [
                  {
                      x: 5.0,
                      y: Date.UTC(2016, 2, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/monitor.png)',
                      }
                  },
                  {
                      x: 5.0,
                      y: Date.UTC(2016, 4, 10),
                      marker: {
                          symbol: 'url(/../Content/Img/optimise.png)',
                      }
                  },
                  {
                      x: 5.0,
                      y: Date.UTC(2016, 6, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/pilot.png)',
                      }
                  },
                  {
                      x: 5.0,
                      y: Date.UTC(2016, 8, 5),
                      marker: {
                          symbol: 'url(/../Content/Img/model.png)',
                      }
                  },
                  {
                      x: 5.0,
                      y: Date.UTC(2016, 10, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/deploy.png)',
                      }
                  }

              ]
          }
          ,

          {
              type: "",
              data: [{
                  x: 6.0,
                  low: Date.UTC(2016, 2, 15),
                  high: Date.UTC(2016, 4, 10),
                  color: "#4B0081"
              },
              {
                  x: 6.0,
                  low: Date.UTC(2016, 4, 15),
                  high: Date.UTC(2016, 6, 15),
                  color: "#00BFFE"
              },
              {
                  x: 6.0,
                  low: Date.UTC(2016, 6, 20),
                  high: Date.UTC(2016, 8, 0),
                  color: "#0047AB"
              },
              {
                  x: 6.0,
                  low: Date.UTC(2016, 8, 5),
                  high: Date.UTC(2016, 10, 15),
                  color: "#4682B4"
              },
              {
                  x: 6.0,
                  low: Date.UTC(2016, 10, 20),
                  high: Date.UTC(2016, 12, 31),
                  color: "#008081"
              }]
          },
          {
              type: 'line',
              data: [
                  {
                      x: 6.0,
                      y: Date.UTC(2016, 2, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/monitor.png)',
                      }
                  },
                  {
                      x: 6.0,
                      y: Date.UTC(2016, 4, 10),
                      marker: {
                          symbol: 'url(/../Content/Img/optimise.png)',
                      }
                  },
                  {
                      x: 6.0,
                      y: Date.UTC(2016, 6, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/pilot.png)',
                      }
                  },
                  {
                      x: 6.0,
                      y: Date.UTC(2016, 8, 5),
                      marker: {
                          symbol: 'url(/../Content/Img/model.png)',
                      }
                  },
                  {
                      x: 6.0,
                      y: Date.UTC(2016, 10, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/deploy.png)',
                      }
                  }

              ]
          }
          ,

          {
              type: "",
              data: [{
                  x: 7.0,
                  low: Date.UTC(2016, 2, 15),
                  high: Date.UTC(2016, 4, 10),
                  color: "#4B0081"
              },
              {
                  x: 7.0,
                  low: Date.UTC(2016, 4, 15),
                  high: Date.UTC(2016, 6, 15),
                  color: "#00BFFE"
              },
              {
                  x: 7.0,
                  low: Date.UTC(2016, 6, 20),
                  high: Date.UTC(2016, 8, 0),
                  color: "#0047AB"
              },
              {
                  x: 1.0,
                  low: Date.UTC(2016, 8, 5),
                  high: Date.UTC(2016, 10, 15),
                  color: "#4682B4"
              },
              {
                  x: 7.0,
                  low: Date.UTC(2016, 10, 20),
                  high: Date.UTC(2016, 12, 31),
                  color: "#008081"
              }]
          },
          {
              type: 'line',
              data: [
                  {
                      x: 7.0,
                      y: Date.UTC(2016, 2, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/monitor.png)',
                      }
                  },
                  {
                      x: 7.0,
                      y: Date.UTC(2016, 4, 10),
                      marker: {
                          symbol: 'url(/../Content/Img/optimise.png)',
                      }
                  },
                  {
                      x: 7.0,
                      y: Date.UTC(2016, 6, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/pilot.png)',
                      }
                  },
                  {
                      x: 7.0,
                      y: Date.UTC(2016, 8, 5),
                      marker: {
                          symbol: 'url(/../Content/Img/model.png)',
                      }
                  },
                  {
                      x: 7.0,
                      y: Date.UTC(2016, 10, 15),
                      marker: {
                          symbol: 'url(/../Content/Img/deploy.png)',
                      }
                  }

              ]
          }
]

return data;

}

我尝试获取最大值的代码是：

MinAssortmentValue = Math.min.apply(Math, chartlength);

以下是更新的JSFIDLE链接：

---

有人能帮我修一下吗？提前谢谢

。。。参考我的这一评论——草图方法可能是这样的，尽管我仍然不知道您将要比较和/或提取的图表项的对象属性是什么

var
    chart = $('#ao-projectssummry-chart').highcharts(),

    minMaxValues = chart.series.reduce(function (collector, item, idx/*, list*/) {
        var
            dataMin  = item.dataMin,
            dataMax  = item.dataMax,
            minValue = Math.min(collector.minValue, dataMin),
            maxValue = Math.max(collector.maxValue, dataMax);

        if (minValue == dataMin) {
            collector.minValue = dataMin;
            collector.minValueItemIndex = idx;
        }
        if (maxValue == dataMax) {
            collector.maxValue = dataMax;
            collector.maxValueItemIndex = idx;
        }
        return collector;

    }, {
        minValue: Number.POSITIVE_INFINITY,
        maxValue: Number.NEGATIVE_INFINITY,
        minValueItemIndex: -1,
        maxValueItemIndex: -1
    }),

    minAssortmentValue = minMaxValues.minValue,
    maxAssortmentValue = minMaxValues.maxValue;

console.log("minMaxValues : ", minMaxValues);
console.log("minAssortmentValue, maxAssortmentValue : ", minAssortmentValue, maxAssortmentValue);

将刚提供的代码剪切粘贴到所提供小提琴的控制台中，会导致以下输出：

minMaxValues :  Object {
    minValue: 1458000000000,
    maxValue: 1485820800000,
    minValueItemIndex: 9,
    maxValueItemIndex: 14
}
minAssortmentValue, maxAssortmentValue :  1458000000000 1485820800000

---

您从何处获得

chartlength

？数组的最大值是什么意思？它有点模糊。您能再解释一下吗？最高值？还是数组中的最后一个元素？@guradio抱歉，我是说最高的value@NinaScholz你可以参考这把小提琴的完整代码：@DownVoter请让我知道我的问题出了什么问题？首先非常感谢你的时间和巨大的帮助！！！让我在代码中尝试一下这个片段，看看是否可以实现我的场景：）