Skip to main content

Élément de visualisation : Sélecteur de plage de dates

Symbole:

_visu_icon_date_range_picker.png

Catégorie: Contrôles date/heure

L'élément permet de sélectionner la plage de dates et d'heures d'un ensemble de données enregistrées. L'élément est utilisé avec le Tendance élément de visualisation.

Propriétés des éléments

Toutes les propriétés des éléments sont-elles disponibles ?

Toutes les propriétés ne sont disponibles qu'après avoir sélectionné le Avancé option ou la Toutes les catégories filtrer dans Propriétés.

Nom de l'élément

Exemple: DateTrend1

Astuce

Attribuez des noms individuels aux éléments afin qu'ils soient trouvés plus rapidement dans la liste des éléments.

Type d'élément

Sélecteur de plage de dates

Afficher le cadre

standard icon: L'élément de visualisation est dessiné avec un cadre.

Résolution

Résolution enregistrée pour l'horodatage : milliseconde ou Microseconde

Instance d'élément attaché

L'élément peut être affecté à un Tendance élément de visualisation. Par conséquent, la plage de temps de l'élément de tendance peut être modifiée. Les éléments visuels disponibles sont sélectionnés à l'aide des _cds_icon_three_dots.png Assistant de saisie.

Position

La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Elle est basée sur le système de coordonnées cartésiennes. L'origine se situe dans le coin supérieur gauche de la fenêtre. L'axe horizontal positif des X est orienté vers la droite. L'axe vertical positif des Y est orienté vers le bas.

X

La coordonnée X (en pixels) du coin supérieur gauche de l'élément

Exemple: 10

Y

La coordonnée Y (en pixels) du coin supérieur gauche de l'élément

Exemple: 10

Largeur

Spécifié en pixels

Exemple: 150

Hauteur

Spécifié en pixels

Exemple: 30

Astuce

Vous pouvez modifier les valeurs en faisant glisser la module _visu_icon_position_element.png symboles vers d'autres positions dans l'éditeur.

Étiquettes de coche

Dessiner des étiquettes sur deux lignes

standard icon: Les horodatages sont affichés sur deux lignes. La date est affichée sur la première ligne et l'heure est affichée sur la deuxième ligne.

_cds_icon_option_deactivated.png: L'horodatage est affiché sur une ligne. La date et l'heure peuvent également être affichées sur une seule ligne en fonction du formatage.

Omettre les informations non pertinentes dans les horodatages

standard icon: L'affichage des horodatages est raccourci. Par exemple, la date s'affiche uniquement pour la première graduation et uniquement l'heure pour les graduations suivantes.

Lorsque ce paramètre est activé, les paramètres de Internationalisation (chaînes de format) sont ignorés.

_cds_icon_option_deactivated.png: Toutes les informations sont affichées pour tous les horodatages.

Internationalisation (chaînes de format)

Condition : Actif uniquement lorsque le paramètre Omettre les informations non pertinentes dans les horodatages est désactivé.

Chaîne de format, par exemple pour adapter l'affichage des valeurs de temps aux coutumes locales

Note

En gros, tout %t les options de format sont prises en charge et sont décrites dans le "Espaces réservés avec définition de format" chapitre.

Date

Chaîne de format pour la date. Le paramètre par défaut provient du panneau de configuration de Windows.

Exemple: dd.MM.yyyy

Temps

Chaîne de format pour l'heure. Le paramètre par défaut provient du panneau de configuration de Windows.

Exemple: HH:mm:ss:ms:Z

Astuce

Vous pouvez basculer par programme le fuseau horaire local de l'heure système sur l'heure universelle (UTC).

Lorsque la variable VisuElems.Visu_DateTime.DisplayUTC est réglé sur TRUE, l'heure système est affichée en temps universel (UTC). Par défaut, la variable VisuElems.Visu_DateTime.DisplayUTC est réglé sur FALSE afin que l'heure système s'affiche dans le fuseau horaire local.

Pour l'affichage des valeurs de date et d'heure, vous pouvez étendre la chaîne de format respective avec le code de fuseau horaire Z. Pour une sortie en heure système locale, le décalage est alors affiché en temps universel (UTC). Par example, dd:MM:yyyy HH:mm:ss:ms:Z les sorties 01.08.2021 12:00:00:001:+02:00. Lorsque le temps universel (UTC) est affiché, le code UTC est également affiché. 01.08.2021 10:00:00:001:Z

Propriétés du texte

Les propriétés obtiennent des valeurs fixes pour les propriétés de texte et agissent sur les textes configurés dans Textes → Texte ou Textes → Info-bulle.

Alignement horizontal

Alignement horizontal du texte dans l'élément

Alignement vertical

Alignement vertical du texte dans l'élément

Police de caractère

Exemple: Défaut

_cds_icon_three_dots.png: Le Police de caractère la boîte de dialogue s'ouvre.

_cds_icon_arrow_down.png: Zone de liste avec les polices de style

Couleur de la police

Exemple: Le noir

_cds_icon_three_dots.png: Le Couleur la boîte de dialogue s'ouvre.

_cds_icon_arrow_down.png: Zone de liste avec les couleurs de style

Transparence

Entier (valeur comprise entre 0 pour 255)

La valeur transparente détermine la transparence de la couleur respective.

255: La couleur est opaque.

0: La couleur est complètement transparente.

Note

Si la couleur est une couleur de style et possède déjà une valeur de transparence, cette propriété est protégée en écriture.

Boutons supplémentaires

Accéder au plus grand horodatage possible

standard icon: Un montant supplémentaire de _visu_img_date_picker_max.png Le bouton s'affiche pour passer au dernier horodatage.

Aller au plus petit horodatage possible

standard icon: Un montant supplémentaire de _visu_img_date_picker_min.png s'affiche pour passer au premier horodatage.

Dézoomer

standard icon: Un montant supplémentaire de _visu_img_date_picker_zoom.png s'affiche pour régler le min./max actuel. portée à la portée maximale. La plage sélectionnée est laissée.

Centre

Les propriétés contiennent des valeurs fixes pour les coordonnées du point de rotation. Le point de rotation est affiché dans l'éditeur sous la forme _visu_icon_center_point.png symbole et est utilisé comme centre de rotation et de mise à l'échelle.

Astuce

Vous pouvez également modifier les valeurs en faisant glisser le _visu_icon_center_point.png symbole vers une autre position dans l'éditeur.

X

Coordonnée X du point de rotation

Y

Coordonnée Y du point de rotation

Mouvement absolu

Les propriétés peuvent être affectées à des variables IEC pour contrôler dynamiquement la position de l'élément. Le point de référence est le coin supérieur gauche de l'élément. À l'exécution, l'élément entier est déplacé.

Mouvement

X

  • Variable (type de données numériques) pour la position X (en pixels)

    Exemple: PLC_PRG.iPos_X

L'augmentation de cette valeur lors de l'exécution déplace l'élément vers la droite.

Y

  • Variable (type de données numériques) pour la position Y (en pixels)

    Exemple: PLC_PRG.iPos_Y

  • Variable conteneur : Container.Height

    Pour plus d'informations, consultez les éléments suivants : Réglage optimal de la position et de la taille

L'augmentation de cette valeur lors de l'exécution déplace l'élément vers le bas.

Rotation

Variable (type de données numériques) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle1

Le point médian de l'élément tourne à la Centre point. Ce point de rotation est représenté par le _visu_icon_center_point.png symbole.

À l'exécution, l'alignement de l'élément reste identique par rapport au système de coordonnées de la visualisation. Augmenter la valeur fait pivoter l'élément vers la droite.

_visu_img_prp_rotation.png

Rotation intérieure

Variable (type de données numériques) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle2

Lors de l'exécution, l'élément tourne autour du point de rotation spécifié dans Centre Selon la valeur de la variable. De plus, l'alignement de l'élément pivote selon le système de coordonnées de la visualisation. Augmenter la valeur dans le code entraîne une rotation dans le sens horaire.

Le point de rotation est représenté par le _visu_icon_center_point.png symbole.

Note

Si un angle de rotation statique est spécifié dans le Position → Angle propriété, puis l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lorsque la visualisation est exécutée.

_visu_img_prp_inner_rotation.png

Astuce

Vous pouvez combiner les variables en un Conversion d'unités.

Astuce

Le X, Oui, Rotation, et Rotation intérieure les propriétés sont prises en charge par la fonctionnalité « Animation client ».

Variables d'état

Les variables contrôlent le comportement des éléments de manière dynamique.

Invisible

Variable (BOOL ) pour basculer la visibilité de l'élément

TRUE: L'élément n'est pas visible lors de l'exécution.

Astuce

Le Invisible la propriété est prise en charge par la fonctionnalité « Animation client ».

Animation

Astuce

Ces propriétés ne sont disponibles que lorsque vous avez sélectionné l'option Prise en charge des animations client et de la superposition d'éléments natifs option dans le Gestionnaire de visualisation.

Durée de l'animation

Variable pour la durée (en millisecondes) pendant laquelle l'élément exécute une animation

  • Variable (valeur entière)

    Exemple: Menu.tContent avec VAR tContent : INT := 500; END_VAR

  • Littéral entier

    Exemple: 500

. Propriétés animables

  • Mouvement absolu, Mouvement, X, Oui

  • Mouvement absolu, Rotation

  • Mouvement absolu, Rotation intérieure

  • Mouvement absolu, Rotation extérieure

Le mouvement animé est exécuté lorsqu'au moins une valeur d'une propriété animable a changé. Le mouvement n'est alors pas saccadé, mais fluide pendant la durée d'animation spécifiée. L'élément de visualisation se déplace vers la position spécifiée tout en effectuant une rotation dynamique. Les transitions sont fluides.

Passer au premier plan

Variable (BOOL ) pour mettre l'élément au premier plan

TRUE: Au moment de l'exécution, l'élément de visualisation est affiché au premier plan.

FALSE: Au moment de l'exécution, l'élément de visualisation s'affiche dans la couche où il a été inséré dans l'éditeur de visualisation.

Exemple: bIsInForeground avec VAR bIsInForeground : BOOL := FALSE; END_VAR

Autorisations

Note

Disponible uniquement lorsqu'une gestion des utilisateurs est configurée pour la visualisation.

Droits d'accès bouton

Ouvre le Droits d'accès dialogue. Vous pouvez y modifier les droits d'accès de l'élément.

. Messages d'état :

  • Non défini. Tous droits réservés.: Droits d'accès pour tous les groupes d'utilisateurs : opérable

  • Les droits sont définis : Droits limités: L'accès est restreint pour au moins un groupe.

Dans cette section​: