@operato/scene-gauge 0.0.16

package/helps/scene/component/gauge-circle.md

@@ -0,0 +1,167 @@
+# circle gauge[en]
+## properties
+
+1. Value(Number) - The value of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-Value application result][gauge-circle-02]  
+  <figurecaption>(value: 85)</figurecaption>
+  </figure>
+
+2. startValue - The start value of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-03]  
+  <figurecaption>(startValue: 10)</figurecaption>
+  </figure>
+
+3. endValue - The end value of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-04]  
+  <figurecaption>(endValue: 120)</figurecaption>
+  </figure>
+
+4. step - The tick interval of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-05]  
+  <figurecaption>(step: 30)</figurecaption>
+  </figure>
+
+5. stepTextSize - The tick text size of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-06]  
+  <figurecaption>(stepTextSize: 10)</figurecaption>
+  </figure>
+
+6. subStep - The space between ticks of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-07]  
+  <figurecaption>(subStep: 10)</figurecaption>
+  </figure>
+
+7. stepNeedleSize - The tick size of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-08]  
+  <figurecaption>(stepNeedleSize: 3)</figurecaption>
+  </figure>
+
+8. startAngle - The start angle of gauge. It increases clockwise based on the 12 o'clock position. If a negative value, it will be reverse direction.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-09]  
+  <figurecaption>(startAngle: -90)</figurecaption>
+  </figure>
+
+9. endAngle - The end angle of gauge. It increases clockwise based on the 12 o'clock position. If a negative value, it will be reverse direction.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-10]  
+  <figurecaption>(endAngle: 90)</figurecaption>
+  </figure>
+
+10. textFillStyle - The tick text color of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-11]  
+  <figurecaption>(textFillStyle: #ec5324)</figurecaption>
+  </figure>
+
+11. needleFillStyle - The needle color of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-12]  
+  <figurecaption>(needleFillStyle: #ec5324)</figurecaption>
+  </figure>
+
+12. innerCircleFillStyle - The circle color of gauge needle.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-13]  
+  <figurecaption>(innerCircleFillStyle: #ec5324)</figurecaption>
+  </figure>
+
+13. stepFillStyle - The needle color of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-14]  
+  <figurecaption>(stepFillStyle: #ec5324)</figurecaption>
+  </figure>
+
+14. colorStops - The color of each sector of gauge. You can add a sector by double clicking and delete it by dragging down the marker.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-15]  
+  <figurecaption>(colorStops: <img src="../images/color-stops-value.png" height="30" alt="color stops">)</figurecaption>
+  </figure>
+
+15. showStartValue - Determine whether to display the start value of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-16]  
+  <figurecaption>(showStartValue: unchecked)</figurecaption>
+  </figure>
+
+16. showEndValue - Determine whether to display the end value of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-17]  
+  <figurecaption>(showEndValue: unchecked)</figurecaption>
+  </figure>
+
+17. showStepLine - Determine whether to display the tick of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-18]  
+  <figurecaption>(showStepLine: unchecked)</figurecaption>
+  </figure>
+
+18. showStepText - Determine whether to display the tick value of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-19]  
+  <figurecaption>(showStepText: unchecked)</figurecaption>
+  </figure>
+
+19. showSubStep - Determine whether to display the minor tick of gauge.
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-20]  
+  <figurecaption>(showSubStep: unchecked)</figurecaption>
+  </figure>
+
+20. inText - Determine the location of tick value of gauge. (checked: inside, unchecked: outside)
+  <figure style="text-align: center;">
+  
+  ![Gauge-BackgroundColor application result][gauge-circle-21]  
+  <figurecaption>(inText: unchecked)</figurecaption>
+  </figure>
+
+
+[gauge-circle-01]: ../images/gauge-circle-01.png
+[gauge-circle-02]: ../images/gauge-circle-02.png
+[gauge-circle-03]: ../images/gauge-circle-03.png
+[gauge-circle-04]: ../images/gauge-circle-04.png
+[gauge-circle-05]: ../images/gauge-circle-05.png
+[gauge-circle-06]: ../images/gauge-circle-06.png
+[gauge-circle-07]: ../images/gauge-circle-07.png
+[gauge-circle-08]: ../images/gauge-circle-08.png
+[gauge-circle-09]: ../images/gauge-circle-09.png
+[gauge-circle-10]: ../images/gauge-circle-10.png
+[gauge-circle-11]: ../images/gauge-circle-11.png
+[gauge-circle-12]: ../images/gauge-circle-12.png
+[gauge-circle-13]: ../images/gauge-circle-13.png
+[gauge-circle-14]: ../images/gauge-circle-14.png
+[gauge-circle-15]: ../images/gauge-circle-15.png
+[gauge-circle-16]: ../images/gauge-circle-16.png
+[gauge-circle-17]: ../images/gauge-circle-17.png
+[gauge-circle-18]: ../images/gauge-circle-18.png
+[gauge-circle-19]: ../images/gauge-circle-19.png
+[gauge-circle-20]: ../images/gauge-circle-20.png
+[gauge-circle-21]: ../images/gauge-circle-21.png
+
+## properties

package/helps/scene/component/gauge-circle.zh.md

@@ -0,0 +1,164 @@
+# circel gauge
+## properties
+1. Value(Number) - 仪表的值。
+<figure style="text-align: center;">
+
+![仪表-Value适用结果][gauge-circle-02]  
+<figurecaption>(value: 85)</figurecaption>
+</figure>
+
+2. startValue - 仪表的起始值。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-03]  
+<figurecaption>(startValue: 10)</figurecaption>
+</figure>
+
+3. endValue - 仪表的最终值。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-04]  
+<figurecaption>(endValue: 120)</figurecaption>
+</figure>
+
+4. step - 仪表的刻度间隔。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-05]  
+<figurecaption>(step: 30)</figurecaption>
+</figure>
+
+5. stepTextSize - 仪表的刻度文本大小。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-06]  
+<figurecaption>(stepTextSize: 10)</figurecaption>
+</figure>
+
+6. subStep - 仪表的刻度之间间隔。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-07]  
+<figurecaption>(subStep: 10)</figurecaption>
+</figure>
+
+7. stepNeedleSize - 仪表的刻度大小。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-08]  
+<figurecaption>(stepNeedleSize: 3)</figurecaption>
+</figure>
+
+8. startAngle - 仪表的起始角度。以12点方向为标准，向顺时针方向增加。 如果是负数，就会是反方向。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-09]  
+<figurecaption>(startAngle: -90)</figurecaption>
+</figure>
+
+9. endAngle - 仪表的最终角度。以12点方向为标准，向顺时针方向增加。 如果是负数，就会是反方向。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-10]  
+<figurecaption>(endAngle: 90)</figurecaption>
+</figure>
+
+10. textFillStyle - 仪表的刻度文本颜色。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-11]  
+<figurecaption>(textFillStyle: #ec5324)</figurecaption>
+</figure>
+
+11. needleFillStyle - 仪表的针色。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-12]  
+<figurecaption>(needleFillStyle: #ec5324)</figurecaption>
+</figure>
+
+12. innerCircleFillStyle - 仪表指针的圆的颜色。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-13]  
+<figurecaption>(innerCircleFillStyle: #ec5324)</figurecaption>
+</figure>
+
+13. stepFillStyle - 仪表指针的颜色。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-14]  
+<figurecaption>(stepFillStyle: #ec5324)</figurecaption>
+</figure>
+
+14. colorStops - 仪表的各个区间的颜色。可以通过双击而添加区间，也可以向下拖动标记而删除区间。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-15]  
+<figurecaption>(colorStops: <img src="../images/color-stops-value.png"
+</figure>
+
+15. showStartValue - 决定是否显示仪表的起始值。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-16]  
+<figurecaption>(showStartValue: unchecked)</figurecaption>
+</figure>
+
+16. showEndValue - 决定是否显示仪表的最终值。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-17]  
+<figurecaption>(showEndValue: unchecked)</figurecaption>
+</figure>
+
+17. showStepLine - 决定是否显示仪表的刻度。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-18]  
+<figurecaption>(showStepLine: unchecked)</figurecaption>
+</figure>
+
+18. showStepText - 决定是否显示仪表的刻度值。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-19]  
+<figurecaption>(showStepText: unchecked)</figurecaption>
+</figure>
+
+19. showSubStep - 决定是否显示仪表的分刻度。
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-20]  
+<figurecaption>(showSubStep: unchecked)</figurecaption>
+</figure>
+
+20. inText - 决定仪表的刻度值的位置。（checked：内部，unchecked：外部）
+<figure style="text-align: center;">
+
+![仪表-BackgroundColor适用结果][gauge-circle-21]  
+<figurecaption>(inText: unchecked)</figurecaption>
+</figure>
+
+
+[gauge-circle-01]: ../images/gauge-circle-01.png
+[gauge-circle-02]: ../images/gauge-circle-02.png
+[gauge-circle-03]: ../images/gauge-circle-03.png
+[gauge-circle-04]: ../images/gauge-circle-04.png
+[gauge-circle-05]: ../images/gauge-circle-05.png
+[gauge-circle-06]: ../images/gauge-circle-06.png
+[gauge-circle-07]: ../images/gauge-circle-07.png
+[gauge-circle-08]: ../images/gauge-circle-08.png
+[gauge-circle-09]: ../images/gauge-circle-09.png
+[gauge-circle-10]: ../images/gauge-circle-10.png
+[gauge-circle-11]: ../images/gauge-circle-11.png
+[gauge-circle-12]: ../images/gauge-circle-12.png
+[gauge-circle-13]: ../images/gauge-circle-13.png
+[gauge-circle-14]: ../images/gauge-circle-14.png
+[gauge-circle-15]: ../images/gauge-circle-15.png
+[gauge-circle-16]: ../images/gauge-circle-16.png
+[gauge-circle-17]: ../images/gauge-circle-17.png
+[gauge-circle-18]: ../images/gauge-circle-18.png
+[gauge-circle-19]: ../images/gauge-circle-19.png
+[gauge-circle-20]: ../images/gauge-circle-20.png
+[gauge-circle-21]: ../images/gauge-circle-21.png

package/helps/scene/component/gauge-horizon.ko.md

@@ -0,0 +1,145 @@
+# gauge-horizon[en]
+![컴포넌트-게이지(수직)][gauge-vertical-01]  
+게이지를 세로막대 형태로 표시해주는 컴포넌트
+
+## properties :  
+
+1. Value(Number) - 게이지의 값.  
+<figure style="text-align: center;">
+
+![게이지-Value적용결과][gauge-vertical-02]  
+<figurecaption>(value: 85)</figurecaption>
+</figure>
+
+2. startValue - 게이지의 시작 값.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-03]  
+<figurecaption>(startValue: 10)</figurecaption>
+</figure>
+
+3. endValue - 게이지의 끝 값.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-04]  
+<figurecaption>(endValue: 120)</figurecaption>
+</figure>
+
+4. step - 게이지 눈금 간격.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-05]  
+<figurecaption>(step: 30)</figurecaption>
+</figure>
+
+5. stepTextSize - 게이지 눈금 글씨 크기.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-06]  
+<figurecaption>(stepTextSize: 10)</figurecaption>
+</figure>
+
+6. subStep - 게이지 눈금 사이 간격.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-07]  
+<figurecaption>(subStep: 10)</figurecaption>
+</figure>
+
+7. stepNeedleSize - 게이지 눈금 크기.
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-08]  
+<figurecaption>(stepNeedleSize: 3)</figurecaption>
+</figure>
+
+8. textColor - 게이지 눈금 글씨 색상.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-09]  
+<figurecaption>(textColor: #ec5324)</figurecaption>
+</figure>
+
+9. needleFillStyle - 게이지 바늘 색상.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-10]  
+<figurecaption>(needleFillStyle: #ec5324)</figurecaption>
+</figure>
+
+10. needleSize - 게이지 바늘 크기.
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-11]  
+<figurecaption>(needleSize: 10)</figurecaption>
+</figure>
+
+11. stepFillStyle - 게이지 눈금 색상.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-12]  
+<figurecaption>(stepFillStyle: #ec5324)</figurecaption>
+</figure>
+
+12. colorStops - 게이지 구간별 색상. 더블클릭으로 구간을 추가할 수 있으며 마커를 드래그하여 아래로 내리면 구간을 삭제할 수 있다.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-13]  
+<figurecaption>(colorStops: <img src="../images/color-stops-value.png" height="30" alt="color stops">)</figurecaption>
+</figure>
+
+13. showStartValue - 게이지 시작값의 표시여부를 결정.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-14]  
+<figurecaption>(showStartValue: unchecked)</figurecaption>
+</figure>
+
+14. showEndValue - 게이지 끝값의 표시여부를 결정.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-15]  
+<figurecaption>(showEndValue: unchecked)</figurecaption>
+</figure>
+
+15. showStepLine - 게이지 눈금의 표시여부를 결정.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-16]  
+<figurecaption>(showStepLine: unchecked)</figurecaption>
+</figure>
+
+16. showStepText - 게이지 눈금 값의 표시여부를 결정.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-17]  
+<figurecaption>(showStepText: unchecked)</figurecaption>
+</figure>
+
+17. showSubStep - 게이지 보조 눈금의 표시여부를 결정.  
+<figure style="text-align: center;">
+
+![게이지-BackgroundColor적용결과][gauge-vertical-18]  
+<figurecaption>(showSubStep: unchecked)</figurecaption>
+</figure>
+
+
+[gauge-vertical-01]: ../images/gauge-vertical-01.png
+[gauge-vertical-02]: ../images/gauge-vertical-02.png
+[gauge-vertical-03]: ../images/gauge-vertical-03.png
+[gauge-vertical-04]: ../images/gauge-vertical-04.png
+[gauge-vertical-05]: ../images/gauge-vertical-05.png
+[gauge-vertical-06]: ../images/gauge-vertical-06.png
+[gauge-vertical-07]: ../images/gauge-vertical-07.png
+[gauge-vertical-08]: ../images/gauge-vertical-08.png
+[gauge-vertical-09]: ../images/gauge-vertical-09.png
+[gauge-vertical-10]: ../images/gauge-vertical-10.png
+[gauge-vertical-11]: ../images/gauge-vertical-11.png
+[gauge-vertical-12]: ../images/gauge-vertical-12.png
+[gauge-vertical-13]: ../images/gauge-vertical-13.png
+[gauge-vertical-14]: ../images/gauge-vertical-14.png
+[gauge-vertical-15]: ../images/gauge-vertical-15.png
+[gauge-vertical-16]: ../images/gauge-vertical-16.png
+[gauge-vertical-17]: ../images/gauge-vertical-17.png
+[gauge-vertical-18]: ../images/gauge-vertical-18.png
+## properties

package/helps/scene/component/gauge-horizon.md

@@ -0,0 +1,145 @@
+# gauge horizon[en]
+![Component-Gauge(Vertical)][gauge-vertical-01]  
+The component which displays the gauge with a vertical bar.
+
+
+## properties
+
+1. Value(Number) - The value of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-Value application result][gauge-vertical-02]  
+<figurecaption>(value: 85)</figurecaption>
+</figure>
+
+2. startValue - The start value of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-03]  
+<figurecaption>(startValue: 10)</figurecaption>
+</figure>
+
+3. endValue - The end value of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-04]  
+<figurecaption>(endValue: 120)</figurecaption>
+</figure>
+
+4. step - The tick interval of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-05]  
+<figurecaption>(step: 30)</figurecaption>
+</figure>
+
+5. stepTextSize - The tick text size of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-06]  
+<figurecaption>(stepTextSize: 10)</figurecaption>
+</figure>
+
+6. subStep - The space between ticks of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-07]  
+<figurecaption>(subStep: 10)</figurecaption>
+</figure>
+
+7. stepNeedleSize - The tick size of gauge.
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-08]  
+<figurecaption>(stepNeedleSize: 3)</figurecaption>
+</figure>
+
+8. textColor - The tick text color of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-09]  
+<figurecaption>(textColor: #ec5324)</figurecaption>
+</figure>
+
+9. needleFillStyle - The needle color of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-10]  
+<figurecaption>(needleFillStyle: #ec5324)</figurecaption>
+</figure>
+
+10. needleSize - The needle size of gauge.
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-11]  
+<figurecaption>(needleSize: 10)</figurecaption>
+</figure>
+
+11. stepFillStyle - The tick color of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-12]  
+<figurecaption>(stepFillStyle: #ec5324)</figurecaption>
+</figure>
+
+12. colorStops - The color of each sector of gauge. You can add a sector by double clicking and delete it by dragging down the marker.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-13]  
+<figurecaption>(colorStops: <img src="../images/color-stops-value.png" height="30" alt="color stops">)</figurecaption>
+</figure>
+
+13. showStartValue - Determine whether to display the start value of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-14]  
+<figurecaption>(showStartValue: unchecked)</figurecaption>
+</figure>
+
+14. showEndValue - Determine whether to display the end value of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-15]  
+<figurecaption>(showEndValue: unchecked)</figurecaption>
+</figure>
+
+15. showStepLine - Determine whether to display the tick of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-16]  
+<figurecaption>(showStepLine: unchecked)</figurecaption>
+</figure>
+
+16. showStepText - Determine whether to display the tick value of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-17]  
+<figurecaption>(showStepText: unchecked)</figurecaption>
+</figure>
+
+17. showSubStep - Determine whether to display the minor tick of gauge.  
+<figure style="text-align: center;">
+
+![Gauge-BackgroundColor application result][gauge-vertical-18]  
+<figurecaption>(showSubStep: unchecked)</figurecaption>
+</figure>
+
+
+[gauge-vertical-01]: ../images/gauge-vertical-01.png
+[gauge-vertical-02]: ../images/gauge-vertical-02.png
+[gauge-vertical-03]: ../images/gauge-vertical-03.png
+[gauge-vertical-04]: ../images/gauge-vertical-04.png
+[gauge-vertical-05]: ../images/gauge-vertical-05.png
+[gauge-vertical-06]: ../images/gauge-vertical-06.png
+[gauge-vertical-07]: ../images/gauge-vertical-07.png
+[gauge-vertical-08]: ../images/gauge-vertical-08.png
+[gauge-vertical-09]: ../images/gauge-vertical-09.png
+[gauge-vertical-10]: ../images/gauge-vertical-10.png
+[gauge-vertical-11]: ../images/gauge-vertical-11.png
+[gauge-vertical-12]: ../images/gauge-vertical-12.png
+[gauge-vertical-13]: ../images/gauge-vertical-13.png
+[gauge-vertical-14]: ../images/gauge-vertical-14.png
+[gauge-vertical-15]: ../images/gauge-vertical-15.png
+[gauge-vertical-16]: ../images/gauge-vertical-16.png
+[gauge-vertical-17]: ../images/gauge-vertical-17.png
+[gauge-vertical-18]: ../images/gauge-vertical-18.png