ZIndex: Number;
Свойство ZIndex определяет порядок расположения слоев в секторе.
Для выполнения примера предполагается наличие на странице компонента Speedometer с наименованием «speed1» (см. «Пример создания датчика топлива»). Добавим на страницу кнопку, при нажатии на которую будет меняться порядок расположения секторов:
<input TYPE="button" VALUE="createSector" ONCLICK="createSector()"> <script> function createSector() { if (speed1.getScales(1).getSectors(1)) return; var sector0 = new PP.Ui.GaugeSector({ StartValue: 0, EndValue: 50, Background: {PPType: PP.SolidColorBrush, Color: "#9FDFDF"}, StartSize: 2, EndSize: 2, Offset: -10, Border: {PPType: PP.SolidColorBrush, Color: "#333333"} }); var sector1 = new PP.Ui.GaugeSector({ StartValue: 30, EndValue: 50, Background: {PPType: PP.SolidColorBrush, Color: "orange"}, StartSize: 2, EndSize: 2, Offset: -10, ZIndex:10 }); var sector2 = new PP.Ui.GaugeSector({ StartValue: 20, EndValue: 40, Background: {PPType: PP.SolidColorBrush, Color: "blue"}, StartSize: 5, EndSize: 5, Offset: -10, ZIndex:5 }); speed1.getScales(1).setSector(sector0, 0); speed1.getScales(1).addSector(sector1); speed1.getScales(1).addSector(sector2); speed1.render(speed1, this); } </script> <input TYPE="button" VALUE="setZIndex" ONCLICK="setZIndex()"> <script> function setZIndex() { if (speed1.getScales(1).getSectors(1)) { var sector1 = speed1.getScales(1).getSectors(1).getZIndex(); var sector2 = speed1.getScales(1).getSectors(2).getZIndex(); speed1.getScales(1).getSectors(1).setZIndex(sector2); speed1.getScales(1).getSectors(2).setZIndex(sector1); } } </script>
При нажатии на кнопку «createSector» будут добавлены три пересекающихся сектора. Затем, нажатием кнопки «setZIndex», можно менять порядок расположения этих секторов.
См. также: