0.1.1 • Published 9 years ago

gauge-test-indomian v0.1.1

Weekly downloads
2
License
BSD-2-Clause
Repository
github
Last release
9 years ago

Тестовая работа по тестовой задаче.

Необходимо подготовить компонент обеспечивающий отрисовку элемента управления типа "спидометр".

Функционал реализован в виде библиотек:

  • JQuery
  • Native

Для установки достаточно использовать Grunt, bower, npm.

== Настройки ==

radius - радиус шкалы padding - отступ от радиуса шкалы до границы холста minValue - минимальное значение шкалы maxValue - максимальное значение шкалы startAngle - начальный угол шкалы endAngle - конечный угол шкалы ticks - количество меток, если массив строк - значения меток ticksRadius - радиус отсечек меток ticksLength - длина меток ticksLabelRadius - радиус подписей меток arrowAxisRadius - радиус центра стрелки arrowRadius - длина стрелки sectors - массив секторов шкалы. Каждый элемент содержит объект: startAngle - начало сектора endAngle - конец сектора

== Оформление ==

.gauge-hide - класс для скрытия исходного объекта

svg.gauge - класс оформления холста

svg.gauge g.gauge-group - группа отрисовки шкалы

svg.gauge g.gauge-group path.gauge-line - непосредственно оформление шкалы

svg.gauge g.gauge-group path.gauge-sector - оформление сектора шкалы stroke: red;

svg.gauge g.gauge-group path.gauge-sector- - оформление n-го сектора шкалы

svg.gauge g.gauge-arrow - оформление стрелки

== Примеры ==

Все примеры расположены в каталоге public

0.1.1

9 years ago

0.1.0

9 years ago