Guide pratique ECharts et Golang : Conseils pour créer divers graphiques statistiques
Avec le développement d'Internet et la croissance explosive des données, la visualisation des données statistiques est devenue un élément indispensable dans tous les horizons . anneau. La visualisation des données peut aider les gens à comprendre et à analyser les données de manière plus intuitive, améliorant ainsi la précision et l'efficacité de la prise de décision. Parmi les outils de visualisation de données, ECharts est une bibliothèque de graphiques statistiques open source puissante et facile à utiliser, tandis que golang est un langage de programmation efficace, concis et puissant. Cet article expliquera comment utiliser ECharts et Golang pour créer conjointement divers graphiques statistiques et fournira des exemples de code spécifiques.
Tout d'abord, nous devons installer la bibliothèque ECharts. Le site officiel d'ECharts propose des didacticiels d'installation détaillés. Vous pouvez choisir la méthode d'installation appropriée en fonction de votre propre environnement de développement. De manière générale, il suffit d'introduire le fichier script ECharts en HTML pour commencer à l'utiliser.
Ensuite, nous prendrons l'histogramme comme exemple pour présenter comment utiliser ECharts et Golang pour créer des graphiques statistiques de base. Tout d'abord, nous devons créer un élément
dans la page, puis utiliser le code JavaScript pour initialiser l'instance ECharts et spécifier le type de graphique et la source de données à dessiner. Dans Golang, vous pouvez utiliser l'API RESTful fournie par ECharts pour générer des informations de configuration de graphique. Le code spécifique est le suivant :
package main
import (
"fmt"
"github.com/chenjiandongx/go-echarts/charts"
"net/http"
)
func main() {
bar := charts.NewBar()
bar.AddXAxis([]string{"A", "B", "C", "D", "E"})
bar.AddYAxis("Category", []int{10, 20, 30, 40, 50})
http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {
page := charts.NewPage()
page.Add(bar)
page.Render(writer)
})
err := http.ListenAndServe(":8080", nil)
if err != nil {
fmt.Println("Failed to start server:", err)
}
}Copier après la connexion
Dans le code ci-dessus, nous avons créé une instance d'histogramme et spécifié les données pour l'axe X et l'axe Y. Nous avons ensuite créé un serveur HTTP pour écouter les demandes et afficher le graphique dans la page.
- Graphiques statistiques avancés
En plus des graphiques à barres de base, ECharts prend également en charge de nombreux autres types de graphiques statistiques, tels que les graphiques linéaires, les diagrammes circulaires, les graphiques radar, etc. En utilisant ECharts et Golang, nous pouvons facilement créer ces graphiques statistiques avancés. Voici un exemple de code pour créer un graphique linéaire :
package main
import (
"fmt"
"github.com/chenjiandongx/go-echarts/charts"
"net/http"
)
func main() {
line := charts.NewLine()
line.AddXAxis([]string{"Mon", "Tue", "Wed", "Thu", "Fri"})
line.AddYAxis("Series", []int{10, 20, 30, 40, 50})
http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {
page := charts.NewPage()
page.Add(line)
page.Render(writer)
})
err := http.ListenAndServe(":8080", nil)
if err != nil {
fmt.Println("Failed to start server:", err)
}
}Copier après la connexion
Dans le code ci-dessus, nous créons une instance de graphique linéaire et spécifions les données pour l'axe X et l'axe Y. Nous rendons ensuite le graphique dans la page.
- Styles et animations personnalisés
En plus de la construction de graphiques de base, ECharts prend également en charge des styles riches et des effets d'animation. En utilisant l'API fournie par ECharts, nous pouvons facilement personnaliser le style du graphique, notamment la couleur, la taille, la police, etc. Dans le même temps, ECharts fournit également divers effets d'animation pour rendre les graphiques plus vivants et plus attrayants. Voici un exemple de code pour un style et une animation personnalisés :
package main
import (
"fmt"
"github.com/chenjiandongx/go-echarts/charts"
"net/http"
)
func main() {
line := charts.NewLine()
line.AddXAxis([]string{"Mon", "Tue", "Wed", "Thu", "Fri"})
line.AddYAxis("Series", []int{10, 20, 30, 40, 50})
line.SetGlobalOptions(charts.WithTitleOpts(opts.Title{
Title: "Custom Title",
Subtitle: "Custom Subtitle",
}))
http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {
page := charts.NewPage()
page.Add(line)
page.Render(writer)
})
err := http.ListenAndServe(":8080", nil)
if err != nil {
fmt.Println("Failed to start server:", err)
}
}Copier après la connexion
Dans le code ci-dessus, nous utilisons la méthode WithTitleOpts pour personnaliser le titre du graphique. En utilisant d'autres API fournies par ECharts, nous pouvons également personnaliser divers styles et effets d'animation.
Résumé pratique :
Grâce à la combinaison d'ECharts et de Golang, nous pouvons facilement créer divers graphiques statistiques et fournir des styles et des effets d'animation riches. Dans les applications réelles, l'API fournie par ECharts et Golang peut être utilisée pour la personnalisation et l'expansion en fonction de besoins spécifiques et de structures de données. J'espère que l'exemple de code dans cet article pourra fournir des références et des références aux lecteurs, afin que chacun puisse aller de plus en plus loin sur la voie de la visualisation des données.
Références :
- Site officiel d'ECharts : https://echarts.apache.org/
- documentation officielle de go-echarts : https://github.com/chenjiandongx/go-echarts/
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
