PP.Ui.GaugeTrendPoint (settings);
settings. JSON-объект со значениями свойств компонента.
Конструктор GaugeTrendPoint создает экземпляр класса GaugeTrendPoint.
Для выполнения примера предполагается наличие на странице компонента Speedometer с наименованием «speed1» (см. «Пример создания датчика топлива»). Добавим на страницу кнопку, при нажатии на которую будет создана отметка на шкале спидометра:
<input TYPE="button" VALUE="GaugeTrendPoint" ONCLICK="GaugeTrendPoint()">
<script>
function GaugeTrendPoint()
{
var trend = new PP.Ui.GaugeTrendPoint({
Value: 35,//значение, на котором расположена отсечка
Label:{Text: "Тест"},//текст надписи отсечки
Marker:
{
PPType: PP.Ui.TriangleMarker,//маркер, используемый для вывода отсечки
Size: 20,
Flip: true,
Border: { PPType: PP.SolidColorBrush, Color: "blue" },
}
});
speed1.getScales(1).getTrends().push(trend);
speed1.getScales(1).render(speed1, this);
var center = speed1.getScales(1).getTrends(0).calcCenterPosition(); //центр (позиция) отметок
var outer = speed1.getScales(1).getTrends(0).calcOuterRadius();//радиус отметок на шкале
var calcsize = speed1.getScales(1).getTrends(0).calcSize();//размер отметок на шкале
var str = "GaugeTrendPoint.calcCenterPosition() - X:" + center.getX() + " Y:" + center.getY() + "\n";
str += "GaugeTrendPoint.calcOuterRadius() - X:" + outer.getX() + " Y:" + outer.getY() + "\n";
str += "GaugeTrendPoint.calcSize() - " + calcsize;
alert(str);
}
</script>
После нажатия на кнопку «GaugeTrendPoint» будет размещена отметка на шкале спидометра, имеющая следующий вид:

Также будут выведены значения параметров спидометра, возвращенные методами calcCenterPosition, calcOuterRadius:
GaugeTrendPoint.calcCenterPosition() - X:100 Y:180
GaugeTrendPoint.calcOuterRadius() - X:150 Y:150
См. также: