Développement des coulisses évite de déployer certains graphiques visuels, il existe quatre méthodes principales: Screenshots de table Excel, graphiques d'essieux, cadre Web d'axe et composants de graphique tiers.

Le site Web de troisième axe d'axe doit être combiné avec un code de plug-in face à face comme ANTV, ECHARTS, HATECHARTS.

Le quatrième "élément de graphique tiers" est une composante graphique du graphique AxHub développé par la technologie. Cependant, le nombre de composants de la carte limitée et appropriée permettant de construire rapidement des graphiques simples, mais ne peut pas atteindre notre conception de graphique plus complexe.

Par conséquent, un graphique visuel plus avancé est nécessaire ou doit être mis en œuvre dans la troisième méthode. Ensuite, donnez-vous une compréhension détaillée de la méthode spécifique (ce tutoriel est des échelts à titre d'exemple):

ECHARTS est une bibliothèque de cartes de données visuelles basée sur le développement JavaScript, la bibliothèque de cartes de données basée sur JavaScript,Visual P, fournissez des données graphiques intuitives et de visualisation est vivante, interactive, personnalisée.

Méthode de mise en oeuvre spécifique
La première étape
Faites glisser la "image en ligne" de la "bibliothèque de composants" gauche en tant que porteuse du tableau Visual. Comme indiqué ci-dessous: Étape 2
1. Le navigateur ouvrira la carte visuelle des Echat, le lien de site Web officiel: https: //www.echartsjs .com / exemples / zh / index / zh / index / index .html
2. Sélectionnez le graphique visuel pour répondre à vos exigences. Cliquez pour entrer dans la page Modifier et exécuter: ce didacticiel explique ce cas visuel complexe, le lien est la suivante: https://www.echarttsjs.com/ Exemple / zh / Editor.html? C = Pie-Nest Graphique Comme suit:
Cliquez sur "Télécharger" dans le coin inférieur droit pour télécharger le terminal du graphique Fichier comme tarte -nest.html. Ensuite, placez ce fichier avant que le fichier source d'axure soit libéré dans le dossier créé, comme indiqué ci-dessous:
Vous pouvez modifier l'indicateur de données et les éléments de données que vous souhaitez dans l'éditeur de code
3. Double-cliquez sur la trame en ligne, sélectionnez "Lien vers URL ou fichier" ci-dessous et entrez le lien Pie-Nest.html. Comme indiqué ci-dessous:

Double-cliquez sur le code d'index dans le dossier, vous ne pouvez voir que les effets graphiques visuels uniquement liés. Afficher ci-dessous:

Le fichier HTML HTML correspondant peut être ouvert dans le dossier créé pour afficher le graphique.

Si vous cliquez sur le bouton "Aperçu" dans le coin supérieur droit à partir du fichier source d'axure, il n'est pas possible. L'affaire suivante:

Baidu Cloud Cheng Yuan Fichier: https://pan.baidu.com/s/1rrrrrrrrgrbsnvcp-cstfnl7ig5ilw

Code d'extraction: EI5R