Ajar anda cara mudah melukis pelbagai carta statistik menggunakan ECharts dan golang

WBOY
Lepaskan: 2023-12-17 23:10:16
asal
1006 orang telah melayarinya

Ajar anda cara mudah melukis pelbagai carta statistik menggunakan ECharts dan golang

Ajar anda menggunakan ECharts dan golang untuk melukis pelbagai carta statistik dengan mudah

Pengenalan:
Dalam bidang visualisasi data, ECharts ialah perpustakaan carta JavaScript yang sangat popular Ia menyediakan API yang kaya dan berkuasa yang boleh melukis pelbagai jenis daripada carta statistik. Sebagai bahasa pengaturcaraan yang cekap dan ringkas, golang juga boleh digunakan untuk menjana data dan digabungkan dengan ECharts untuk melukis carta. Artikel ini akan berdasarkan contoh dan mengajar anda cara menggunakan ECharts dan golang untuk melukis pelbagai carta statistik dengan mudah.

Persediaan prasyarat:
Sebelum anda mula, anda perlu memasang golang dan ECharts. Untuk langkah pemasangan khusus, sila rujuk dokumentasi rasmi. Diandaikan bahawa anda telah menyelesaikan pemasangan.

1. Lukiskan histogram

Pertama, kita akan menggunakan golang untuk menjana satu set data rawak dan menggunakan ECharts untuk melukis histogram.
Contoh kod:

package main

import (
    "fmt"
    "math/rand"
    "time"

    "github.com/go-echarts/go-echarts/charts"
)

func randomData() []struct {
    Name  string
    Value int
} {
    data := []struct {
        Name  string
        Value int
    }{}
    r := rand.New(rand.NewSource(time.Now().UnixNano()))
    for i := 0; i < 10; i++ {
        data = append(data, struct {
            Name  string
            Value int
        }{Name: fmt.Sprintf("数据 %d", i), Value: r.Intn(100)})
    }
    return data
}

func main() {
    // 生成随机数据
    data := randomData()

    // 创建柱状图对象
    bar := charts.NewBar()

    // 设置X轴数据
    xData := []string{}
    for _, d := range data {
        xData = append(xData, d.Name)
    }
    bar.SetXAxis(xData)

    // 设置Y轴数据
    yData := []int{}
    for _, d := range data {
        yData = append(yData, d.Value)
    }
    bar.AddYAxis("数值", yData)

    // 设置图表标题
    bar.SetGlobalOptions(charts.WithTitleOpts(opts.Title{
        Title:    "柱状图示例",
        Subtitle: "数据来源:随机数",
    }))

    // 保存图表到文件
    bar.Render("bar.html")
}
Salin selepas log masuk

2 Lukis carta garisan

Seterusnya, kita akan menggunakan golang untuk menjana satu set data siri masa dan menggunakan ECharts untuk melukis carta garis.
Contoh kod:

package main

import (
    "time"

    "github.com/go-echarts/go-echarts/charts"
    "github.com/go-echarts/go-echarts/opts"
)

func main() {
    // 创建折线图对象
    line := charts.NewLine()

    // 设置X轴数据
    xData := []string{}
    start := time.Date(2021, time.January, 1, 0, 0, 0, 0, time.UTC)
    for i := 0; i < 365; i++ {
        xData = append(xData, start.AddDate(0, 0, i).Format("2006-01-02"))
    }
    line.SetXAxis(xData)

    // 设置Y轴数据
    yData := []opts.LineData{}
    for i := 0; i < len(xData); i++ {
        yData = append(yData, opts.LineData{Value: i})
    }
    line.AddYAxis("数值", yData)

    // 设置图表标题
    line.SetGlobalOptions(charts.WithTitleOpts(opts.Title{
        Title:    "折线图示例",
        Subtitle: "数据来源:时间序列",
    }))

    // 保存图表到文件
    line.Render("line.html")
}
Salin selepas log masuk

Dalam contoh di atas, kami menggunakan nombor rawak golang dan fungsi penjanaan siri masa untuk menjana data bagi histogram dan carta garis masing-masing. Kemudian, gunakan API ECharts untuk menetapkan data paksi-X dan paksi-Y dan tambahkannya pada objek carta. Akhir sekali, tetapkan tajuk carta dan simpan carta itu ke fail HTML.

Kesimpulan:
Melalui contoh di atas, kita dapat melihat bahawa adalah sangat mudah untuk melukis pelbagai carta statistik menggunakan ECharts dan golang. Anda boleh menjana jenis data yang berbeza mengikut keperluan anda sendiri dan menggunakan API ECharts untuk tetapan tersuai. Saya harap artikel ini dapat membantu anda memulakan pembangunan visualisasi data dengan cepat dan mendalami pemahaman anda tentang ECharts dan golang.

Atas ialah kandungan terperinci Ajar anda cara mudah melukis pelbagai carta statistik menggunakan ECharts dan golang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan