Le modèle de grand écran visuel partagé auparavant a été bien accueilli par tous les amis, mais il y a aussi de nombreux messages privés demandant : que dois-je faire si je veux créer un grand écran visuel par moi-même ? J'ai réglé la méthode de mon collègue "Super God", il peut faire un grand écran visuel à partir de zéro sans fonctions d'écriture et codes compliqués !
Il m'a fallu beaucoup de temps pour le trier, qui peut être grossièrement divisé en trois étapes :
Tout d'abord, effectuer une recherche sur les besoins
Avant que toutes les actions ne soient entreprises, les besoins des utilisateurs doivent être clarifiés, car le cockpit visuel est en fait un produit de données, qui peut être compris comme : à qui est destiné le cockpit ? Que veut-il voir ? Quels sont les indicateurs de données clés ?
Si vous rencontrez un cockpit de gestion complexe qui implique plusieurs indicateurs de données et que le processus de calcul est compliqué, il est recommandé d'utiliser le diagramme en arête de poisson pour trier les exigences (comme indiqué ci-dessous)
Deuxièmement, il est nécessaire de réaliser le prototype et la conception visuelle du grand écran
Après avoir déterminé les indicateurs de données à afficher, l'étape suivante consiste à sélectionner le graphique correspondant en fonction du scénario analysé par l'indicateur.Voici un guide de sélection de graphique classique pour votre référence :
Vient ensuite le véritable maillon du développement, choisissez un logiciel de visualisation professionnel pour le faire, voici FineReport, un outil de visualisation bien connu en Chine.
Ouvrez le concepteur et créez un nouveau rapport de décision : le rapport de décision adopte une interface de canevas, et les composants et contrôles du graphique peuvent être glissés vers le panneau et disposés à volonté
Créez un nouvel ensemble de données et récupérez l'ensemble de données à utiliser via l'instruction sql.La source de données que j'utilise est celle fournie avec le logiciel. Ne vous inquiétez pas des amis qui n'ont pas les bases SQL, ce sont toutes les instructions les plus élémentaires utilisées, lisez-les quelques fois et tout ira bien.
Créez un ensemble de données de modèle comme suit :
Une fois les données prêtes, faites glisser et déposez les composants de graphique correspondants sur le canevas en fonction de notre mise en page précédente :
Jusqu'à l'étape précédente, notre prototype de cockpit est sorti, puis nous avons lié la source de données pour chaque composant de graphique, défini le style et les effets spéciaux, et c'était presque la même chose. Le réglage du graphique de base est très simple, je ne le montrerai donc pas. Laissez-moi vous montrer le réglage de la carte de données :
Enfin, effectuez un débogage en ligne
Suivez les étapes ci-dessus étape par étape et allez en ligne pour voir si les éléments visuels clés, la taille de la police, la dynamique de la page, les graphiques et les graphiques s'affichent comme prévu, s'il y a une déformation, un mauvais placement, etc.
Cliquez sur Aperçu et un superbe cockpit visuel apparaîtra devant vos yeux :
