Droitegraduee

Droitegraduee

new Droitegraduee(conteneur, options)

Description:

  • Constructeur de droite graduée

Source:
Parameters:
Name Type Description
conteneur string | HTMLElement
options object

Les valeurs optionnelles

Properties
Name Type Attributes Default Description
width number <optional>

si absent on s’adapte à l’espace dispo
height number <optional>
 200
etiquettes boolean <optional>
 true

passer false pour ne pas afficher les abscisses des graduations
listeetiquettes Array.<string> <optional>

pour remplacer les étiquettes de graduation principale (si etiquettes = false, sinon c’est ignoré)
couleuraxe string <optional>
 #000000

noir par défaut
couleurgraduationprincipale string <optional>
 #000000

Idem axe par défaut
couleurgraduation string <optional>

Idem principale par défaut
couleurgraduationpetite string <optional>

Idem couleurgraduation par défaut
maxZoomDecimal number <optional>
 3

Nb d’échelles de zoom autorisés (en + ou en -, valable aussi pour le zoom continu)
positionO number <optional>

position de l'origine O par rapport au centre du svg, en pixels, par défaut on le place au milieu si les négatifs sont affichés et à gauche sinon (avec un peu de marge)
pixelsParGraduation number <optional>
 100
pas number <optional>
 1

Unités d’abscisse entre deux graduations principales
pixelsminpourgraduations number <optional>
 100

Si graduationsecondaires alors on les affiche lorsque l’espacement entre graduations principales est au-dessus de cette valeur
tailleetiquetteprincipale number <optional>
 14
tailleetiquette number <optional>
 10
taillesegmentprincipal number <optional>
 14
taillesegment number <optional>
 10
taillesegmentpetit number <optional>
 6
epaisseurgraduationprincipale number <optional>
 2
epaisseurgraduation number <optional>
 1
epaisseuraxe number <optional>
 2
zoomable boolean <optional>
 false

passer true pour ajouter le zoom continu
zoomCenter number <optional>

abscisse du centre du zoom continu (si non fourni c’est le milieu du segment affiché)
deplacable boolean <optional>
 false

passer true pour autoriser l’utilisateur à faire glisser l’axe
negatifs boolean <optional>
 true

passer true pour tracer les négatifs
graduationsecondaires boolean <optional>
 true
hasZoomDecimal boolean <optional>
 false
boutonplacerpoint boolean <optional>
 false
pointconstruit object <optional>

Les caractéristiques du point qui serait créé au clic sur le bouton "point"
maxNbPoints object <optional>
 1

Le nb max de points (fournis ou à construire)
listePoints Array.<object> <optional>

Une liste de points à placer sur la droite

Members

absStart :number

Description:

  • abscisse du bord gauche du svg

Source:

abscisse du bord gauche du svg

Type:
  • number

btnWrapper

Description:

  • {HTMLElement} le div contenant les boutons et le svg

Source:

{HTMLElement} le div contenant les boutons et le svg

currentZoomLevel

Description:

  • Le nb de zoom in|out faits depuis le début

Source:

Le nb de zoom in|out faits depuis le début

div

Description:

  • le div de notre svg, support des listeners (car non détruit / recréé à chaque fois)

Source:

le div de notre svg, support des listeners (car non détruit / recréé à chaque fois)

graduationsecondaires

Description:

  • {boolean} pour afficher les sous-graduations (et éventuelles sous-sous-graduations)

Source:

{boolean} pour afficher les sous-graduations (et éventuelles sous-sous-graduations)

pas

Description:

  • nb d’unité d’abscisse entre deux graduations principales

Source:

nb d’unité d’abscisse entre deux graduations principales

pixelsParGraduation

Description:

  • nb de pixels entre deux graduations principales

Source:

nb de pixels entre deux graduations principales

pixelsminpourgraduations

Description:

  • seuil d’affichage des sous-graduations

Source:

seuil d’affichage des sous-graduations

tailleetiquette

Description:

  • taille police etiquette sous-graduation

Source:

taille police etiquette sous-graduation

tailleetiquetteprincipale

Description:

  • taille police etiquette graduation principale

Source:

taille police etiquette graduation principale

taillesegment

Description:

  • taille sous-gradution

Source:

taille sous-gradution

taillesegmentpetit

Description:

  • taille sous-sous-graduation

Source:

taille sous-sous-graduation

taillesegmentprincipal

Description:

  • taille graduation principale

Source:

taille graduation principale

xMid

Description:

  • la demie longueur en pixels

Source:

la demie longueur en pixels

yMid

Description:

  • la demi-hauteur du svg en pixels (utilisée partout)

Source:

la demi-hauteur du svg en pixels (utilisée partout)

Methods

_addGrad(x, level, labelopt, isHalfopt)

Description:

  • Ajoute une graduation (et l’étiquette éventuelle)

Source:
Parameters:
Name Type Attributes Default Description
x number

Position en pixel sur l’axe
level number

(1 principale, 2 secondaire, le reste tertiaire)
label string <optional>
isHalf boolean <optional>
 false

passer true si on est sur une demi-graduation supérieure

addPoint(point)

Description:

  • Ajoute un point

Source:
Parameters:
Name Type Description
point Point

construire()

Description:

  • Reconstruit complètement this.svg, à partir de absStart, pixelsParGraduation, pas et scale

Source:

drawPoint(nom)

Description:

  • Marque un point (qui doit exister dans la liste this.points) sur la droite

Source:
Parameters:
Name Type Description
nom string

feedback(messageopt, classNameopt, ttlopt)

Description:

  • Affiche un message sous la règle

Source:
Parameters:
Name Type Attributes Default Description
message string <optional>
 ''

laisser vide pour effacer le message précédent
className string <optional>
 info

passer info|error|warning (sera mis à vide si pas de message)
ttl number <optional>

Délai avant effacement en secondes (passer 0 pour ne pas effacer), mis à 5 par défaut pour info (sinon 0)