Chaque fois que voyez un hot chart sur Internet, pensez que camp;rsquoest une chose très compliquée, namp;rsquoest ce pas? Pas vraiment. De loin, il semble que deviez traiter de grandes quantités de données numériques et effectuer des opérations techniques complexes pour créer des cellules pour les cartes thermiques des tableaux. Cependant, si avez les bons outils, camp;rsquoest loin damp;rsquoêtre la réalité. Dans je vais utiliser wpdatables, le plug in WordPress 1 pour créer des tables et des graphiques, pour créer des hotcharts. Quel genre de diagramme thermique pouvons nous créer? Voici un exemple:
Oui, camp;rsquoest une longue capture damp;rsquoécran. Vous pouvez voir le diagramme thermique dynamique ici. Pour créer un diagramme à chaud afin que ou vos visiteurs puissiez comparer plus facilement les valeurs des données, avez peu damp;rsquooptions basées sur les données sources. Mais avant de poursuivre ce tutoriel, je veux que sachiez quamp;rsquoil y a deux parties de cet article qui peuvent être sautées directement: Ce tutoriel montre comment créer un diagramme thermique de table de diagramme thermique un exemple de diagramme thermique peut inspirer à utiliser wpdatables 1 pour personnaliser votre propre diagramme thermique. Créer une table à partir de zéro si namp;rsquoavez pas de source de données, pouvez utiliser lamp;rsquooption créer une table manuellement pour créer votre propre table hotmap à partir de zéro, où pouvez saisir manuellement les valeurs de données.
Pour commencer à créer manuellement une table de données, ouvrez le panneau d’administration WordPress, allez à wpdatables amp;gt créer une table, sélectionnez la troisième option créer manuellement une table, puis cliquez sur suivant.
On montre les étapes de lamp;rsquoassistant qui aidera à créer une structure de tableau dans laquelle créerez 14 colonnes: période, année, toutes les autres colonnes sont des noms de mois (janvier, février). Pour les colonnes périodiques, laissez le type de colonne comme chaîne de ligne et pour toutes les autres colonnes, définissez le type de colonne
À la fin de la table de configuration, cliquez sur créer une table. Un menu déroulant samp;rsquoouvre avec lamp;rsquooption Ouvrir dans un éditeur standard ou ouvrir dans un éditeur comme Excel, et avez terminé. La structure de la table est créée. Vous saisissez maintenant les valeurs des données numériques dans un éditeur standard ou un éditeur comme Excel. 2. Créer un hotmap de table à partir damp;rsquoune source de données si avez des données dans une source de données telle quamp;rsquoExcel, CSV, json, Google tableur, XML, tableau de sérialisation PHP ou une table dans une base de données (source SQL), utiliserez la deuxième option dans lamp;rsquoassistant de table.
Pour commencer à créer une table de données liée à une source de données existante, ouvrez le panneau d’administration WordPress, allez à wpdatables amp;gt créer une table et sélectionnez la deuxième option créer une table de données liée à une source de données existante. Puis cliquez sur suivant.
Cela dépend de la source des instructions que suivrez: comment utiliser wpdatables pour créer des tables MySQL à partir de feuilles Google pour créer des tables dans WordPress à partir d’excel pour créer des tables dans WordPress comment utiliser CSV pour créer des tables à partir de json pour créer des tables dans WordPress comment utiliser XML pour créer des tables dans WordPress à partir de tableaux PHP Une fois ce tableau sérialisé, nous utilisons CSV comme source de données, où pouvez le . Vous sélectionnez CSV pour le type de source de données damp;rsquoentrée, puis trouvez la source précédemment téléchargée et téléchargée sur le serveur sur le bouton parcourir. Cliquez pour enregistrer les modifications, puis les tables wpdatables liront le fichier CSV que avez téléchargé et créeront la table.
Une fois la table créée, pouvez personnaliser et configurer la table WordPress souhaitée en utilisant l’une ou l’autre de ces options. Dans cet exemple, nous activons damp;rsquoabord lamp;rsquooption
Numéro 2 pouces. Wpdatable2 est votre id de table, donc devez le changer pour la table. Camp;rsquoest tout! Maintenant que avez un diagramme à chaud, pouvez facilement comparer les valeurs des données sans avoir lamp;rsquoair de lire les détails du contrat. camp;rsquoest une façon simple et intuitive de créer un hotmap dans un tableau, consultez la section suivante. Tout ce que devez faire maintenant est damp;rsquoafficher la page à lamp;rsquoavant. Comme pour les autres plug ins, nous utilisons un code court pour afficher les tables sur les pages damp;rsquoutilisateurs ou les messages. Ajouter du Code Court est très simple, surtout si utilisez des générateurs de page célèbres comme elementor, WP bakery ou Gutenberg.
Exemple damp;rsquoapplication de thermomètre de participation des employés
Carte thermique de la source damp;rsquoimage
Plate forme damp;rsquoapprentissage des sources damp;rsquoimages Le graphisme est inspiré par les images. Encyclopédie dataviz
Source damp;rsquoimage de la carte thermique de la pollution atmosphérique
Image Source température moyenne dans certaines villes damp;rsquoAmérique du Nord
Source Photo prévision de la Coupe du monde féminine 2019 Tableau de prévalence des sources damp;rsquoimages Image Source Equity Return Source damp;rsquoimage statistiques des revenus des produits Tableau de lamp;rsquoéquipe des sources damp;rsquoimages lire cet article sur la façon de créer des diagrammes à chaud en utilisant wpdatables, devriez voir cet article sur la façon de concevoir des tables.
Nous avons également écrit des sujets connexes tels que les alternatives aux tables de données, les bibliothèques de tables Javascript, comment créer des tables, des questionnaires et le plug in WordPress Pricelist.
