search
HomeBackend DevelopmentGolangExpert Tutorial: Draw Stunning Statistical Charts Using ECharts and Golang

Expert Tutorial: Draw Stunning Statistical Charts Using ECharts and Golang

Dec 17, 2023 pm 09:09 PM
golangechartsstatistic chart

Expert Tutorial: Draw Stunning Statistical Charts Using ECharts and Golang

With the further deepening of data analysis, the need for data visualization is becoming more and more important. ECharts is an open source data visualization library that helps users create beautiful, efficient, and interactive charts.

Golang is an efficient programming language that is widely used in the evolving big data scenario because of its outstanding concurrency performance and maintainability.

This article will introduce how to use ECharts and golang to draw stunning statistical charts, and provide specific code examples.

The first step is to install ECharts

First you need to install ECharts, you can use the following two methods:

1. Through the official website (https://echarts.apache.org /) Download ECharts. After unzipping, open the examples in the examples folder in your browser.

2. Use NPM, the command is as follows:

npm install echarts --save

The second step is to install golang

Installing golang is very simple, just download it from the official website (https://golang.org /) Download the corresponding binary package and install it according to the instructions.

The third step is to set up ECharts and golang

Developing using ECharts and golang requires the following two libraries:

  1. ECharts Go, which provides some practical functions, To create advanced ECharts charts in golang.
  2. Gin, it is a golang framework for web application development.

You can install these two libraries through the following commands:

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

The fourth step is to create Gin routing

Create the Golang server in the main.go file, and Set up Gin routing:

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")
}

The fifth step is to run

Enter "http://localhost:8080" in the browser, you can see the chart we drew. The chart will be saved in a file named chart.png.

Step 6 Custom Chart

This is just a basic example. Charts can be customized using various features of ECharts Go. For example, you can add a legend, adjust axis labels and tick marks, and more.

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")
}

Conclusion

In this article, we learned how to draw visualization charts using ECharts and golang. We learned how to install and configure ECharts in golang, as well as ways to create advanced charts using ECharts Go and Gin.

A basic example is provided here, but you can make more advanced customizations based on your own needs. Good luck with drawing the perfect data visualization chart!

The above is the detailed content of Expert Tutorial: Draw Stunning Statistical Charts Using ECharts and Golang. For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
String Manipulation in Go: Mastering the 'strings' PackageString Manipulation in Go: Mastering the 'strings' PackageMay 14, 2025 am 12:19 AM

Mastering 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 tricksGo 'strings' package tips and tricksMay 14, 2025 am 12:18 AM

You 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 Operations'strings' Package in Go: Your Go-To for String OperationsMay 14, 2025 am 12:17 AM

ThestringspackageinGoisessentialforefficientstringmanipulation.1)Itofferssimpleyetpowerfulfunctionsfortaskslikecheckingsubstringsandjoiningstrings.2)IthandlesUnicodewell,withfunctionslikestrings.Fieldsforwhitespace-separatedvalues.3)Forperformance,st

Go bytes package vs strings package: Which should I use?Go bytes package vs strings package: Which should I use?May 14, 2025 am 12:12 AM

WhendecidingbetweenGo'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 stepHow to use the 'strings' package to manipulate strings in Go step by stepMay 13, 2025 am 12:12 AM

Go'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?Go strings package: how to improve my code?May 13, 2025 am 12:10 AM

Using 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?What are the most useful functions in the GO bytes package?May 13, 2025 am 12:09 AM

Go'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 GuideMastering Binary Data Handling with Go's 'encoding/binary' Package: A Comprehensive GuideMay 13, 2025 am 12:07 AM

Theencoding/binarypackageinGoisessentialbecauseitprovidesastandardizedwaytoreadandwritebinarydata,ensuringcross-platformcompatibilityandhandlingdifferentendianness.ItoffersfunctionslikeRead,Write,ReadUvarint,andWriteUvarintforprecisecontroloverbinary

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools