У меня есть четыре графика highstock "Сравнить несколько серий" в одном представлении. Иногда они загружаются все хорошо, но иногда случайный не загружается и выдает ошибку: "Не удается прочитать тип свойства undefined".
Вот мой код: http://pastebin.com/3He5ahzd
Я понятия не имею, что я делаю неправильно.
Это потому, что вы неправильно загружаете ряды для графика.
Код для воспроизведения ошибки. Живой пример
var series = [];
series[1] = {
data: [1,2,3]
};
Highcharts.chart('container', {
series: series
});
Ошибка вызвана массивом серий, который равен length = 2, но первый элемент не определен. В вашем коде это вызвано некорректным использованием ajax-запросов. Диаграмма может быть создана до того, как первый запрос ajax заполнит переменную серии. Вы должны вложить обратные вызовы или использовать другие методы для предотвращения гонки ajax-запросов.
var seriesOptionsmaxload = [];
$.getJSON('/test/statistics/5/list?parameter=maxLoad&type=wats', function (max) {
seriesOptionsmaxload[0] = {
name: 'Maksymalne obciążenie',
color: '#ff0000',
data: max
};
$.getJSON('/test/statistics/5/list?parameter=maxLoad&type=perKg', function (max) {
seriesOptionsmaxload[1] = {
name: 'W/kg',
color: '#085fbc',
data: max
};
Highcharts.stockChart('maxLoad', {
...
});
});
Я ударил это 2-й раз, и теперь я знаю, что вызывает это.
Когда ваши графические данные имеют ряд данных, подобных этому:
series: [1, 2, null, 3, 4]
OR
series: [1, 2, undefined, 3, 4]
Он выдаст эту ошибку, потому что highstock.src.js показывает, что highstock перебирает каждый элемент в массиве и проверяет свойство типа следующим образом:
i = seriesOptions && seriesOptions.length;
while (!value && i--) {
klass = seriesTypes[seriesOptions[i].type]; // ERROR THROWN HERE
if (klass && klass.prototype[key]) {
value = true;
}
}
Чтобы предотвратить эту ошибку, вы можете:
(1) удалить все не объекты из вашего массива
OR
(2) использовать альтернативный формат серии следующим образом:
series: [{
data: [1, 2, undefined, 3, 4]
}]
что позволит избежать этой ошибки.
