Tutorial Pakar: Lukis Carta Statistik Menakjubkan Menggunakan ECharts dan Golang

Dengan analisis data yang semakin mendalam, keperluan untuk visualisasi data menjadi semakin penting. ECharts ialah perpustakaan visualisasi data sumber terbuka yang membantu pengguna mencipta carta yang cantik, cekap dan interaktif.

golang ialah bahasa pengaturcaraan yang cekap yang digunakan secara meluas dalam senario data besar yang sedang berkembang kerana prestasi serentak dan kebolehselenggaraannya yang cemerlang.

Artikel ini akan memperkenalkan cara menggunakan ECharts dan golang untuk melukis carta statistik yang menakjubkan, dan memberikan contoh kod khusus.

Langkah 1: Pasang ECharts

Mula-mula anda perlu memasang ECharts Anda boleh menggunakan dua kaedah berikut:

1. Muat turun ECharts melalui laman web rasmi (https://echarts.apache.org/). Selepas menyahzip, buka contoh dalam folder contoh dalam penyemak imbas anda.

2. Gunakan NPM, arahannya adalah seperti berikut:

npm install echarts --save

Langkah kedua ialah memasang golang

Memasang golang adalah sangat mudah, hanya muat turun pakej binari yang sepadan dari laman web rasmi (https://golang.org/ ) dan ikut arahan Hanya pasangkannya.

Langkah 3 Sediakan ECharts dan golang

Membangun dengan ECharts dan golang memerlukan dua perpustakaan berikut:

1. ECharts Go, yang menyediakan beberapa fungsi praktikal untuk mencipta carta ECharts lanjutan dalam golang.
2. Gin, ia adalah rangka kerja golang untuk pembangunan aplikasi web.

Anda boleh memasang kedua-dua perpustakaan ini melalui arahan berikut:

go get github.com/go-echarts/go-echarts
go get github.com/gin-gonic/gin

Langkah keempat ialah mencipta laluan Gin

Buat pelayan Golang dalam fail main.go dan sediakan laluan Gin:

package main

import (
    "github.com/gin-gonic/gin"
    "github.com/go-echarts/go-echarts/charts"
    "net/http"
)

func main() {
    router := gin.Default()
    router.GET("/", GetChart)
    router.Run(":8080")
}

func GetChart(c *gin.Context) {
    chart := charts.NewLine()
    chart.SetGlobalOptions(charts.TitleOpts{Title: "ECharts with golang"})
    chart.AddXAxis([]string{"Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"}).         
          AddYAxis("Page views", []int{100, 120, 161, 134, 105, 130, 220})
    chart.Render(c.Writer)
    c.Header("Content-Type", "image/png")
    c.File("chart.png")
}

Yang kelima step is to run

in Masukkan "http://localhost:8080" dalam pelayar untuk melihat carta yang kami lukis. Carta akan disimpan dalam fail bernama chart.png.

Langkah 6 Sesuaikan carta

Ini hanyalah contoh asas. Carta boleh disesuaikan menggunakan pelbagai ciri ECharts Go. Contohnya, anda boleh menambah legenda, melaraskan label paksi dan tanda semak, dan banyak lagi.

func GetChart(c *gin.Context) {
    chart := charts.NewLine()
    chart.SetGlobalOptions(charts.TitleOpts{Title: "ECharts with golang"}, charts.TooltipOpts{Show: true})
    chart.AddXAxis([]string{"Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"}).         
          AddYAxis("Page views", []int{100, 120, 161, 134, 105, 130, 220}).SetSeriesOptions(charts.LineOpts{Smooth: true})
    chart.SetSeriesOptions(charts.LabelTextOpts{Show: true, Formatter: "{b}
Page views: {c}"})
    chart.Render(c.Writer)
    c.Header("Content-Type", "image/png")
    c.File("chart.png")
}

Kesimpulan

Dalam artikel ini, kami belajar cara melukis carta visualisasi menggunakan ECharts dan golang. Kami mempelajari cara memasang dan mengkonfigurasi ECharts dalam golang, serta cara membuat carta lanjutan menggunakan ECharts Go dan Gin.

Satu contoh asas disediakan di sini, tetapi anda boleh membuat penyesuaian yang lebih maju berdasarkan keperluan anda sendiri. Semoga berjaya dengan melukis carta visualisasi data yang sempurna!

Atas ialah kandungan terperinci Tutorial Pakar: Lukis Carta Statistik Menakjubkan Menggunakan ECharts dan Golang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!