エキスパートチュートリアル: ECharts と Golang を使用して見事な統計グラフを描画する

PHPz

リリース： 2023-12-17 21:09:44

オリジナル

1048 人が閲覧しました

エキスパートチュートリアル: ECharts と Golang を使用して見事な統計グラフを描画する

データ分析のさらなる深化に伴い、データの視覚化の必要性がますます高まっています。 ECharts は、ユーザーが美しく効率的でインタラクティブなグラフを作成できるオープンソースのデータ視覚化ライブラリです。

Golang は、その優れた同時実行パフォーマンスと保守性により、進化するビッグデータシナリオで広く使用されている効率的なプログラミング言語です。

この記事では、ECharts と golang を使用して見事な統計グラフを描画する方法を紹介し、具体的なコード例を示します。

最初のステップは ECharts をインストールすることです

最初に ECharts をインストールする必要があります。次の 2 つの方法を使用できます:

1. 公式 Web サイト (https:/ /echarts.apache.org /) ECharts をダウンロードします。解凍後、サンプルフォルダー内のサンプルをブラウザーで開きます。

2. NPM を使用します。コマンドは次のとおりです:

npm install echarts --save

ログイン後にコピー

2 番目のステップは golang をインストールすることです

golang のインストールは非常に簡単で、公式 Web サイトからダウンロードするだけです。 (https://golang.org /) 対応するバイナリパッケージをダウンロードし、指示に従ってインストールします。

3 番目のステップは、ECharts と golang をセットアップすることです

ECharts と golang を使用した開発には、次の 2 つのライブラリが必要です:

ECharts Go。いくつかの実用的な機能を提供します。 , golang で高度な ECharts チャートを作成するには。
Gin は、Web アプリケーション開発用の Golang フレームワークです。

これら 2 つのライブラリは、次のコマンドでインストールできます:

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

ログイン後にコピー

4 番目のステップは、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")
}

ログイン後にコピー

5 番目のステップは、

ブラウザに「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")
}

ログイン後にコピー