Tutoriel ECharts et Golang : Conseils pratiques pour réaliser divers graphiques statistiques

Tutoriel ECharts et Golang : Conseils pratiques pour créer divers graphiques statistiques, des exemples de code spécifiques sont nécessaires

Introduction
Dans le domaine de l'analyse et de la visualisation de données, les graphiques statistiques sont des outils très importants. Ils peuvent transformer des données complexes en formulaires intuitifs et faciles à comprendre, nous aidant ainsi à mieux comprendre et analyser les données. ECharts est une puissante bibliothèque de graphiques JavaScript open source, et golang est un langage de programmation facile à utiliser et efficace. En combinant les deux, nous pouvons créer plus efficacement divers graphiques statistiques.

Cet article expliquera comment utiliser ECharts et Golang pour créer différents types de graphiques statistiques et fournira des exemples de code spécifiques.

Préparation
Avant de commencer, assurez-vous d'avoir installé ECharts et golang. ECharts peut être téléchargé et utilisé depuis le site officiel (https://echarts.apache.org/), tandis que Golang peut être téléchargé et installé depuis le site officiel (https://golang.org/).

Conseil pratique 1 : Créez un graphique à barres
Un graphique à barres est un type courant de graphique statistique utilisé pour comparer les données entre différentes catégories. Vous trouverez ci-dessous un exemple de code pour créer un histogramme à l'aide d'ECharts et de Golang :

//引入必要的golang依赖包
package main
import (
    "fmt"
    "net/http"
)

//处理请求的函数
func handler(w http.ResponseWriter, r *http.Request) {
    //模拟数据
    data := [][2]interface{}{
        {"类别1", 100},
        {"类别2", 200},
        {"类别3", 300},
    }
    
    //生成图表配置项
    option := map[string]interface{}{
        "tooltip": map[string]interface{}{
            "trigger": "axis",
        },
        "xAxis": map[string]interface{}{
            "type": "category",
            "data": []string{"类别1", "类别2", "类别3"},
        },
        "yAxis": map[string]interface{}{
            "type": "value",
        },
        "series": []map[string]interface{}{
            {
                "type": "bar",
                "data": []int{100, 200, 300},
            },
        },
    }

    //生成图表html
    html := fmt.Sprintf(`<div id="chart" style="width:600px;height:400px;"></div>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js"></script>
        <script type="text/javascript">
            var chart = echarts.init(document.getElementById('chart'));
            chart.setOption(%s);
        </script>`, option)
    
    //返回html
    fmt.Fprint(w, html)
}

func main() {
    //将处理函数指定为路由处理函数
    http.HandleFunc("/", handler)
    
    //监听端口
    http.ListenAndServe(":8080", nil)
}

Le code ci-dessus montre comment créer un histogramme simple à l'aide d'ECharts et de Golang. Tout d'abord, nous définissons une fonction handler pour gérer la requête, dans laquelle nous simulons certaines données et générons un objet option, qui contient diverses configurations pour configurer l'élément de graphique. Ensuite, nous intégrons l'objet option dans un code html contenant des ECharts, et enfin le renvoyons au navigateur. handler，其中我们模拟了一些数据，并生成了一个option对象，该对象包含了设置图表的各种配置项。然后，我们将option对象拼接到一个包含了ECharts的html代码中，最后返回给浏览器。

要运行以上代码，可以使用命令go run main.go，然后在浏览器中访问http://localhost:8080，即可看到生成的柱状图。

实用技巧二：制作饼图
饼图是用于展示不同类别占比的统计图表。下面是一个使用ECharts和golang制作饼图的示例代码：

//引入必要的golang依赖包
package main
import (
    "fmt"
    "net/http"
)

//处理请求的函数
func handler(w http.ResponseWriter, r *http.Request) {
    //模拟数据
    data := [][2]interface{}{
        {"类别1", 100},
        {"类别2", 200},
        {"类别3", 300},
    }
    
    //生成图表配置项
    option := map[string]interface{}{
        "tooltip": map[string]interface{}{
            "trigger": "item",
            "formatter": "{a} <br/>{b}: {c} ({d}%)",
        },
        "series": []map[string]interface{}{
            {
                "name": "占比",
                "type": "pie",
                "radius": "55%",
                "data": []map[string]interface{}{
                    {
                        "value": 100,
                        "name": "类别1",
                    },
                    {
                        "value": 200,
                        "name": "类别2",
                    },
                    {
                        "value": 300,
                        "name": "类别3",
                    },
                },
            },
        },
    }

    //生成图表html
    html := fmt.Sprintf(`<div id="chart" style="width:600px;height:400px;"></div>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js"></script>
        <script type="text/javascript">
            var chart = echarts.init(document.getElementById('chart'));
            chart.setOption(%s);
        </script>`, option)
    
    //返回html
    fmt.Fprint(w, html)
}

func main() {
    //将处理函数指定为路由处理函数
    http.HandleFunc("/", handler)
    
    //监听端口
    http.ListenAndServe(":8080", nil)
}

以上代码演示了如何使用ECharts和golang制作一个简单的饼图。和制作柱状图的代码类似，我们定义了一个处理请求的函数handler，模拟了一些数据，并生成了一个option对象。这里的series配置项包含了一个pie类型的系列，用于定义饼图的数据和样式。最后，我们将option对象拼接到一个包含了ECharts的html代码中，将其返回给浏览器。

要运行以上代码，可以使用命令go run main.go，然后在浏览器中访问http://localhost:8080

Pour exécuter le code ci-dessus, vous pouvez utiliser la commande go run main.go, puis visiter http://localhost:8080 dans le navigateur pour voir le code généré Graphique à barres.

Astuce pratique 2 : créez un diagramme circulaire

Un diagramme circulaire est un graphique statistique utilisé pour montrer les proportions de différentes catégories. Voici un exemple de code pour créer un diagramme circulaire à l'aide d'ECharts et de Golang :

rrreee

Le code ci-dessus montre comment créer un diagramme circulaire simple à l'aide d'ECharts et de Golang. Semblable au code pour créer des histogrammes, nous définissons une fonction handler qui gère les requêtes, simule certaines données et génère un objet option. L'élément de configuration series contient ici une série de type pie, qui est utilisée pour définir les données et le style du diagramme circulaire. Enfin, nous combinons l'objet option dans un code html contenant des ECharts et le renvoyons au navigateur. 🎜🎜Pour exécuter le code ci-dessus, vous pouvez utiliser la commande go run main.go, puis visiter http://localhost:8080 dans le navigateur pour voir le code généré Diagramme circulaire. 🎜🎜Conclusion🎜Cet article explique comment utiliser ECharts et Golang pour créer différents types de graphiques statistiques et fournit des exemples de code spécifiques. Grâce à ces conseils pratiques, nous pouvons effectuer plus efficacement le travail d’analyse et de visualisation des données. Bien sûr, ECharts et Golang ont plus de fonctions et d'utilisations, que vous pouvez apprendre et explorer davantage. 🎜🎜J'espère que cet article vous sera utile pour créer des graphiques statistiques à l'aide d'ECharts et de Golang ! 🎜

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!