Backend DevelopmentGolangStarting from scratch: using ECharts and golang to create beautiful statistical chartsStarting from scratch: using ECharts and golang to create beautiful statistical charts
Start from scratch: Use ECharts and golang to create beautiful statistical charts
In the era of data visualization, statistical charts have become an important tool for displaying data. As a powerful and easy-to-use open source library, ECharts provides us with a variety of chart types and rich chart styles. Combined with golang, an efficient and powerful programming language, we can easily create beautiful and interactive statistical charts.
This article will take you from scratch to create a simple statistical chart using ECharts and golang. We will use golang as the backend language to get the data and pass it to the ECharts library on the frontend to generate charts. let's start!
First, we need to install golang and ECharts libraries. If you haven't installed golang yet, you can download and install it from the official website: https://golang.org/
Next, we need to install the ECharts library, you can find the installation method in the official documentation of ECharts ：https://echarts.apache.org/zh/index.html
After installation, we create a new golang project and create a file named main.go## in the project directory #document.
package main
import (
"encoding/json"
"fmt"
"net/http"
) In the second step, we create a simple data structure to represent our statistical data: type Data struct {
Label string `json:"label"`
Value int `json:"value"`
} The third step, we create a handler function to handle HTTP requests and return the data to the front end in JSON format: func handler(w http.ResponseWriter, r *http.Request) {
data := []Data{
{Label: "Apple", Value: 10},
{Label: "Banana", Value: 20},
{Label: "Orange", Value: 15},
}
jsonData, err := json.Marshal(data)
if err != nil {
fmt.Println("Error:", err)
return
}
w.Header().Set("Content-Type", "application/json")
w.Write(jsonData)
}The fourth step, we create a main function and start an HTTP server to listen for requests: func main() {
http.HandleFunc("/data", handler)
http.ListenAndServe(":8080", nil)
}Next, we return to the front-end part of ECharts. Create a file named index.html in the project directory and add the following code to it:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ECharts Example</title>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js"></script>
</head>
<body>
<div id="chart" style="width: 600px; height: 400px;"></div>
<script>
fetch('/data')
.then(response => response.json())
.then(data => {
const chart = echarts.init(document.getElementById('chart'));
const options = {
xAxis: {
type: 'category',
data: data.map(item => item.label),
},
yAxis: {
type: 'value',
},
series: [{
type: 'bar',
data: data.map(item => item.value),
}],
};
chart.setOption(options);
});
</script>
</body>
</html>Finally, we open the terminal, enter the project directory and run go run main.goStart our golang server.
http://localhost:8080 in your browser, you will see a page containing statistical charts. This chart will showcase our data, presented as a bar chart.
The above is the detailed content of Starting from scratch: using ECharts and golang to create beautiful statistical charts. For more information, please follow other related articles on the PHP Chinese website!
String Manipulation in Go: Mastering the 'strings' PackageMay 14, 2025 am 12:19 AMMastering the strings package in Go language can improve text processing capabilities and development efficiency. 1) Use the Contains function to check substrings, 2) Use the Index function to find the substring position, 3) Join function efficiently splice string slices, 4) Replace function to replace substrings. Be careful to avoid common errors, such as not checking for empty strings and large string operation performance issues.
Go 'strings' package tips and tricksMay 14, 2025 am 12:18 AMYou should care about the strings package in Go because it simplifies string manipulation and makes the code clearer and more efficient. 1) Use strings.Join to efficiently splice strings; 2) Use strings.Fields to divide strings by blank characters; 3) Find substring positions through strings.Index and strings.LastIndex; 4) Use strings.ReplaceAll to replace strings; 5) Use strings.Builder to efficiently splice strings; 6) Always verify input to avoid unexpected results.
'strings' Package in Go: Your Go-To for String OperationsMay 14, 2025 am 12:17 AMThestringspackageinGoisessentialforefficientstringmanipulation.1)Itofferssimpleyetpowerfulfunctionsfortaskslikecheckingsubstringsandjoiningstrings.2)IthandlesUnicodewell,withfunctionslikestrings.Fieldsforwhitespace-separatedvalues.3)Forperformance,st
Go bytes package vs strings package: Which should I use?May 14, 2025 am 12:12 AMWhendecidingbetweenGo'sbytespackageandstringspackage,usebytes.Bufferforbinarydataandstrings.Builderforstringoperations.1)Usebytes.Bufferforworkingwithbyteslices,binarydata,appendingdifferentdatatypes,andwritingtoio.Writer.2)Usestrings.Builderforstrin
How to use the 'strings' package to manipulate strings in Go step by stepMay 13, 2025 am 12:12 AMGo's strings package provides a variety of string manipulation functions. 1) Use strings.Contains to check substrings. 2) Use strings.Split to split the string into substring slices. 3) Merge strings through strings.Join. 4) Use strings.TrimSpace or strings.Trim to remove blanks or specified characters at the beginning and end of a string. 5) Replace all specified substrings with strings.ReplaceAll. 6) Use strings.HasPrefix or strings.HasSuffix to check the prefix or suffix of the string.
Go strings package: how to improve my code?May 13, 2025 am 12:10 AMUsing the Go language strings package can improve code quality. 1) Use strings.Join() to elegantly connect string arrays to avoid performance overhead. 2) Combine strings.Split() and strings.Contains() to process text and pay attention to case sensitivity issues. 3) Avoid abuse of strings.Replace() and consider using regular expressions for a large number of substitutions. 4) Use strings.Builder to improve the performance of frequently splicing strings.
What are the most useful functions in the GO bytes package?May 13, 2025 am 12:09 AMGo's bytes package provides a variety of practical functions to handle byte slicing. 1.bytes.Contains is used to check whether the byte slice contains a specific sequence. 2.bytes.Split is used to split byte slices into smallerpieces. 3.bytes.Join is used to concatenate multiple byte slices into one. 4.bytes.TrimSpace is used to remove the front and back blanks of byte slices. 5.bytes.Equal is used to compare whether two byte slices are equal. 6.bytes.Index is used to find the starting index of sub-slices in largerslices.
Mastering Binary Data Handling with Go's 'encoding/binary' Package: A Comprehensive GuideMay 13, 2025 am 12:07 AMTheencoding/binarypackageinGoisessentialbecauseitprovidesastandardizedwaytoreadandwritebinarydata,ensuringcross-platformcompatibilityandhandlingdifferentendianness.ItoffersfunctionslikeRead,Write,ReadUvarint,andWriteUvarintforprecisecontroloverbinary
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
SublimeText3 Chinese version
Chinese version, very easy to use
WebStorm Mac version
Useful JavaScript development tools
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver Mac version
Visual web development tools
