Hightcharts Aerearange Dicar ⇐ Javascript

[Anonymous]

Я строю диаграмму Aerearange, которая использует пользовательскую функцию рендеринга для рисования прямоугольника, соединяющего высокие и низкие маркеры для точки данных, как показано для точки «D» ниже:

Код: Выделить всё

Highcharts.chart("container", {
chart: {
events: {
render() {
const chart = this;
const point = chart.series[0].points[3];
const rectWidth = 8;

const lowPos = point.pos(true, point.plotLow);
const highPos = point.pos(true, point.plotHigh);

if (!chart.customSVG) {
chart.customSVG = chart.renderer
.rect()
.attr({ fill: "#008d80" })
.add();
}

chart.customSVG.attr({
x: lowPos[0] - (rectWidth / 2),
y: highPos[1],
width: rectWidth,
height: lowPos[1] - highPos[1],
});
}
}
}
})
< /code>
Мой вопрос об этих двух строках кода: < /p>
const lowPos = point.pos(true, point.plotLow);
const highPos = point.pos(true, point.plotHigh);

В отличие от члена ploty класса Point , члены Plotlow и plothigh члены не имеют документов и не включены в определение типографии. Тем не менее, код, кажется, работает нормально. Итак, есть ли задокументированный «правильный» способ сделать это, или должны быть обновлены Docs и Disecript Definition, чтобы включать в себя сюжетный перевод и Plothigh?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... r-function