Maison > développement back-end > Golang > Guide pratique ECharts et Golang : techniques pour réaliser divers graphiques statistiques

Guide pratique ECharts et Golang : techniques pour réaliser divers graphiques statistiques

王林
Libérer: 2023-12-17 14:09:35
original
776 Les gens l'ont consulté

ECharts和golang实践指南: 制作多样化的统计图表技巧

Guide pratique ECharts et Golang : Conseils pour créer divers graphiques statistiques

Introduction :

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.

  1. Installer la bibliothèque ECharts

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.

  1. Créer des graphiques statistiques de base

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.

  1. 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.

  1. 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 :

  1. Site officiel d'ECharts : https://echarts.apache.org/
  2. 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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal