getValuePoint(value: Number);
Метод getValuePoint возвращает точку, в которой расположено значение оси цилиндра.
Для выполнения примера необходимо наличие на html-странице компонента Cylinder с наименованием «cylinder» (см. «Пример создания компонента Cylinder»). Изменим внешний вид оси цилиндра:
// Определяем значения оси
var values = ["0", "2", "4", "6", "8", "10"];
// Получаем ось цилиндра
var axis = cylinder.getAxis();
// Добавляем подписи для делений оси
for (var i in values) {
var label = new PP.Ui.ChartSVGLabel({
ParentNode: axis.getDomNode(), // Родительская DOM-вершина
Text: values[i], // Текст подписи
Left: axis.getValuePoint(values[i]).getX() + 15, // Отступ от левой границы
Top: axis.getValuePoint(values[i]).getY() - 9 // Отступ от верхней границы
});
// Отрисовываем подпись
label.draw();
}
// Удаляем старые подписи оси
for (var i in axis.getLabelset()) {
var label = axis.getLabelset()[i];
label.dispose();
}
// Удаляем основные деления оси
for (var i in axis.getMajorTicks()) {
var tick = axis.getMajorTicks()[i];
tick.clear();
tick = new PP.Ui.AxisTick({
ParentAxis: axis
});
tick.setPosition(new PP.Point({
X: axis.getValuePoint(values[i]).getX() + 5,
Y: axis.getValuePoint(values[i]).getY()
})
);
tick.setTickStyle({
Border: new PP.Border({
Width: 2, // Толщина отделений
}),
Length: 7
});
tick.redraw();
}
// Удаляем промежуточные деления оси
for (var i in axis.getMinorTicks()) {
var tick = axis.getMinorTicks()[i];
tick.clear();
}
В результате выполнения примера был изменён внешний вид оси цилиндра:
См. также: