pembangunan bahagian belakang
Golang
ECharts dan golang dalam tindakan: Tutorial membuat carta statistik yang cantik
ECharts dan golang dalam tindakan: Tutorial membuat carta statistik yang cantik
. ECharts ialah perpustakaan carta sumber terbuka yang berkuasa dan fleksibel, manakala golang ialah bahasa pengaturcaraan yang berkuasa dan pantas. Menggabungkan kedua-duanya boleh mencapai kesan carta statistik yang indah dalam aplikasi web. Artikel ini akan memperkenalkan anda kepada cara menggunakan ECharts dan golang untuk mencipta carta statistik yang cantik, dan memberikan contoh kod khusus.
1. Persediaan
Pasang golang
Pertama, anda perlu memuat turun dan memasang golang. Anda boleh melayari laman web rasmi Golang (https://golang.org/) untuk memuat turun versi terkini golang dan memasangnya mengikut panduan rasmi.
Pasang ECharts
ECharts boleh dipasang melalui npm. Jalankan arahan berikut dalam terminal untuk memasang ECharts.
Buat projek golang Buat projek golang baharu dan mulakan modul golang baharu menggunakan arahan berikut. go mod init your_project_name
Salin selepas log masukKemudian, gunakan arahan berikut untuk memasang perpustakaan yang diperlukan.
npm install echarts --save
go get github.com/gin-gonic/gin
- 2 Buat pelayan Web
- Menggunakan rangka kerja gin dalam golang boleh membuat pelayan web dengan mudah.
package main
import (
"github.com/gin-gonic/gin"
"net/http"
)
func main() {
router := gin.Default()
router.LoadHTMLGlob("templates/*")
router.GET("/", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.html", gin.H{})
})
router.Run(":8080")
}Buat fail bernama index.html dalam folder templat dan tambah kod berikut.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ECharts and golang</title>
<script src="/echarts.min.js"></script>
</head>
<body>
<div id="chart" style="width: 600px; height: 400px;"></div>
<script>
// 在这里编写ECharts的代码
</script>
</body>
</html>3. Tulis kod ECharts
Dalam fail index.html, anda boleh menulis kod ECharts untuk mencipta pelbagai carta statistik.
Mula-mula, tambahkan elemen div di dalam teg badan dan tetapkan lebar dan tinggi.
Kemudian, tambahkan kod ECharts di dalam teg skrip.
Seandainya kita ingin melukis histogram, kita boleh menggunakan kod berikut.
<script>
var chart = echarts.init(document.getElementById('chart'));
var option = {
title: {
text: '柱状图'
},
xAxis: {
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10]
}]
};
chart.setOption(option);
</script>Di terminal, gunakan arahan berikut untuk menjalankan aplikasi golang anda.
go run main.go
Seterusnya, buka pelayar anda dan lawati http://localhost:8080.
Anda akan melihat halaman web menunjukkan histogram.
Dengan menulis kod ECharts yang sepadan, anda boleh mencipta pelbagai jenis carta statistik dan memaparkannya dalam aplikasi web.
Dengan menggabungkan ECharts dan golang, kita boleh mencipta carta statistik yang cantik dengan mudah. Artikel ini memperkenalkan anda kepada cara membuat pelayan web dan menggunakan ECharts untuk menulis kod carta statistik dalam aplikasi web. Saya harap artikel ini dapat membantu anda memperdalam pemahaman anda tentang ECharts dan golang, dan menambah kesan visualisasi data yang lebih jelas dan menarik pada aplikasi web anda.
Atas ialah kandungan terperinci ECharts dan golang dalam tindakan: Tutorial membuat carta statistik yang cantik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1393
52
1205
24
Bagaimana untuk membaca dan menulis fail dengan selamat menggunakan Golang?
Jun 06, 2024 pm 05:14 PM
Membaca dan menulis fail dengan selamat dalam Go adalah penting. Garis panduan termasuk: Menyemak kebenaran fail Menutup fail menggunakan tangguh Mengesahkan laluan fail Menggunakan tamat masa konteks Mengikuti garis panduan ini memastikan keselamatan data anda dan keteguhan aplikasi anda.
Bagaimana untuk mengkonfigurasi kolam sambungan untuk sambungan pangkalan data Golang?
Jun 06, 2024 am 11:21 AM
Bagaimana untuk mengkonfigurasi pengumpulan sambungan untuk sambungan pangkalan data Go? Gunakan jenis DB dalam pakej pangkalan data/sql untuk membuat sambungan pangkalan data untuk mengawal bilangan maksimum sambungan serentak;
Rangka Kerja Golang lwn Rangka Kerja Go: Perbandingan Seni Bina Dalaman dan Ciri Luaran
Jun 06, 2024 pm 12:37 PM
Perbezaan antara rangka kerja GoLang dan rangka kerja Go ditunjukkan dalam seni bina dalaman dan ciri luaran. Rangka kerja GoLang adalah berdasarkan perpustakaan standard Go dan meluaskan fungsinya, manakala rangka kerja Go terdiri daripada perpustakaan bebas untuk mencapai tujuan tertentu. Rangka kerja GoLang lebih fleksibel dan rangka kerja Go lebih mudah digunakan. Rangka kerja GoLang mempunyai sedikit kelebihan dalam prestasi dan rangka kerja Go lebih berskala. Kes: gin-gonic (rangka Go) digunakan untuk membina REST API, manakala Echo (rangka kerja GoLang) digunakan untuk membina aplikasi web.
Bagaimana untuk menyimpan data JSON ke pangkalan data di Golang?
Jun 06, 2024 am 11:24 AM
Data JSON boleh disimpan ke dalam pangkalan data MySQL dengan menggunakan perpustakaan gjson atau fungsi json.Unmarshal. Pustaka gjson menyediakan kaedah kemudahan untuk menghuraikan medan JSON dan fungsi json.Unmarshal memerlukan penuding jenis sasaran kepada data JSON unmarshal. Kedua-dua kaedah memerlukan penyediaan pernyataan SQL dan melaksanakan operasi sisipan untuk mengekalkan data ke dalam pangkalan data.
Bagaimana untuk mencari subrentetan pertama dipadankan dengan ungkapan biasa Golang?
Jun 06, 2024 am 10:51 AM
Fungsi FindStringSubmatch mencari subrentetan pertama dipadankan dengan ungkapan biasa: fungsi mengembalikan hirisan yang mengandungi subrentetan yang sepadan, dengan elemen pertama ialah keseluruhan rentetan dipadankan dan elemen berikutnya ialah subrentetan individu. Contoh kod: regexp.FindStringSubmatch(teks,corak) mengembalikan sekeping subrentetan yang sepadan. Kes praktikal: Ia boleh digunakan untuk memadankan nama domain dalam alamat e-mel, contohnya: e-mel:="user@example.com", pattern:=@([^\s]+)$ untuk mendapatkan padanan nama domain [1].
Berubah dari front-end ke pembangunan back-end, adakah lebih menjanjikan untuk belajar Java atau Golang?
Apr 02, 2025 am 09:12 AM
Laluan Pembelajaran Backend: Perjalanan Eksplorasi dari Front-End ke Back-End sebagai pemula back-end yang berubah dari pembangunan front-end, anda sudah mempunyai asas Nodejs, ...
Bagaimana untuk menggunakan zon waktu yang telah ditetapkan dengan Golang?
Jun 06, 2024 pm 01:02 PM
Menggunakan zon waktu yang dipratentukan dalam Go termasuk langkah berikut: Import pakej "masa". Muatkan zon waktu tertentu melalui fungsi LoadLocation. Gunakan zon waktu yang dimuatkan dalam operasi seperti mencipta objek Masa, menghuraikan rentetan masa dan melaksanakan penukaran tarikh dan masa. Bandingkan tarikh menggunakan zon waktu yang berbeza untuk menggambarkan aplikasi ciri zon waktu yang telah ditetapkan.
Tutorial praktikal pembangunan rangka kerja Golang: Soalan Lazim
Jun 06, 2024 am 11:02 AM
Soalan Lazim pembangunan rangka kerja Go: Pemilihan rangka kerja: Bergantung pada keperluan aplikasi dan pilihan pembangun, seperti Gin (API), Echo (boleh berskala), Beego (ORM), Iris (prestasi). Pemasangan dan penggunaan: Gunakan arahan gomod untuk memasang, mengimport rangka kerja dan menggunakannya. Interaksi pangkalan data: Gunakan perpustakaan ORM, seperti gorm, untuk mewujudkan sambungan dan operasi pangkalan data. Pengesahan dan kebenaran: Gunakan pengurusan sesi dan perisian tengah pengesahan seperti gin-contrib/sesi. Kes praktikal: Gunakan rangka kerja Gin untuk membina API blog ringkas yang menyediakan POST, GET dan fungsi lain.
