У меня есть диаграмма CanvasJS, и я хочу установить ее stripLine динамически.
chart = new CanvasJS.Chart("chart",
{
backgroundColor: "rgba(0,0,0,0)",
legend: {
fontColor: "#FFF"
},
axisX: [{
title: "Test axisX title",
stripLines: [
{
value: 250,
color: "#FF0000"
}
],
}],
data: [] //Later add datapoints
});
Функция, которая устанавливает положение stripLine:
var setVerticalLine = function (xPos) {
if (typeof chart !== 'undefined') {
console.log(JSON.stringify(chart)); //debug info
console.log("chart.axisX type: " + typeof chart.axisX); //debug info
chart.axisX[0].stripLines[0].set("value", xPos);
}};
После рендеринга я вызываю функцию, но установка не удалась.
Ошибка:
Uncaught TypeError: Невозможно прочитать свойство '0' из неопределенного ..."
Отладочная информация: « тип chart.axisX: не определено ». Сброшенный график
объект содержит axisX: "..." axisX": [{" title ":" Test axisX
Название», "полосковые линии": [{ "значение": 250, "цвет": "# FF0000"}]}] ...
Как может быть undefined
axisX, когда я вижу его на визуализированном графике с заголовком и полосой? Почему я не могу получить к нему доступ и изменить? Может кто-нибудь помочь мне решить эту проблему?