전문가 튜토리얼: ECharts와 Golang을 사용하여 멋진 통계 차트 그리기

PHPz

풀어 주다： 2023-12-17 21:09:44

원래의

1143명이 탐색했습니다.

전문가 튜토리얼: ECharts와 Golang을 사용하여 멋진 통계 차트 그리기

데이터 분석이 더욱 심화되면서 데이터 시각화의 필요성이 점점 더 중요해지고 있습니다. ECharts는 사용자가 아름답고 효율적인 대화형 차트를 만드는 데 도움이 되는 오픈 소스 데이터 시각화 라이브러리입니다.

golang은 뛰어난 동시성 성능과 유지 관리성으로 인해 진화하는 빅 데이터 시나리오에서 널리 사용되는 효율적인 프로그래밍 언어입니다.

이 글에서는 ECharts와 golang을 사용하여 놀라운 통계 차트를 그리는 방법을 소개하고 구체적인 코드 예제를 제공합니다.

1단계: ECharts 설치

먼저 ECharts를 설치해야 합니다. 다음 두 가지 방법을 사용할 수 있습니다.

1 공식 웹사이트(https://echarts.apache.org/)를 통해 ECharts를 다운로드합니다. 압축을 푼 후 브라우저의 예제 폴더에 있는 예제를 엽니다.

2. NPM을 사용하세요. 명령은 다음과 같습니다.

npm install echarts --save

로그인 후 복사

두 번째 단계는 golang을 설치하는 것입니다

golang 설치는 매우 간단합니다. 공식 웹사이트(https://golang.org/)에서 해당 바이너리 패키지를 다운로드하면 됩니다. ) 지침에 따라 설치하면 됩니다.

3단계 ECharts 및 golang 설정

ECharts 및 golang을 사용하여 개발하려면 다음 두 라이브러리가 필요합니다.

ECharts Go는 golang에서 고급 ECharts 차트를 생성하기 위한 몇 가지 실용적인 기능을 제공합니다.
Gin, 웹 애플리케이션 개발을 위한 golang 프레임워크입니다.

다음 명령을 통해 이 두 라이브러리를 설치할 수 있습니다.

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

로그인 후 복사

네 번째 단계는 Gin 경로를 생성하는 것입니다.

main.go 파일에 Golang 서버를 생성하고 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")
}

로그인 후 복사

다섯번째 단계는 실행

In 브라우저에 "http://localhost:8080"을 입력하면 우리가 그린 차트를 볼 수 있습니다. 차트는 Chart.png라는 파일에 저장됩니다.

6단계 차트 사용자 지정

이것은 기본적인 예일 뿐입니다. ECharts Go의 다양한 기능을 사용하여 차트를 사용자 정의할 수 있습니다. 예를 들어 범례를 추가하고 축 레이블과 눈금 표시 등을 조정할 수 있습니다.

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

로그인 후 복사