Конструктор GaugeTrendPoint

Синтаксис

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

См. также:

GaugeTrendPoint