目次
最初のステップは ECharts をインストールすることです
2 番目のステップは golang をインストールすることです
3 番目のステップは、ECharts と golang をセットアップすることです
4 番目のステップは、Gin ルーティングを作成することです
5 番目のステップは、
ステップ 6 カスタム グラフ
結論
ホームページ バックエンド開発 Golang エキスパート チュートリアル: ECharts と Golang を使用して見事な統計グラフを描画する

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

Dec 17, 2023 pm 09:09 PM
golang echarts 統計グラフ

エキスパート チュートリアル: 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 つのライブラリが必要です:

  1. ECharts Go。いくつかの実用的な機能を提供します。 , golang で高度な ECharts チャートを作成するには。
  2. 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")
}
ログイン後にコピー

結論

この記事では、ECharts と golang を使用して視覚化チャートを描画する方法を学びました。 golang で ECharts をインストールして構成する方法と、ECharts Go と Jin を使用して高度なチャートを作成する方法を学びました。

ここでは基本的な例を示しますが、独自のニーズに基づいてより高度なカスタマイズを行うことができます。完璧なデータ視覚化チャートを描けるよう頑張ってください!

以上がエキスパート チュートリアル: ECharts と Golang を使用して見事な統計グラフを描画するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Golang を使用してファイルを安全に読み書きするにはどうすればよいですか? Golang を使用してファイルを安全に読み書きするにはどうすればよいですか? Jun 06, 2024 pm 05:14 PM

Go ではファイルを安全に読み書きすることが重要です。ガイドラインには以下が含まれます。 ファイル権限の確認 遅延を使用してファイルを閉じる ファイル パスの検証 コンテキスト タイムアウトの使用 これらのガイドラインに従うことで、データのセキュリティとアプリケーションの堅牢性が確保されます。

Golang データベース接続用の接続プールを構成するにはどうすればよいですか? Golang データベース接続用の接続プールを構成するにはどうすればよいですか? Jun 06, 2024 am 11:21 AM

Go データベース接続の接続プーリングを構成するにはどうすればよいですか?データベース接続を作成するには、database/sql パッケージの DB タイプを使用します。同時接続の最大数を制御するには、MaxOpenConns を設定します。アイドル状態の接続の最大数を設定するには、ConnMaxLifetime を設定します。

Golang と C++ の類似点と相違点 Golang と C++ の類似点と相違点 Jun 05, 2024 pm 06:12 PM

Golang と C++ は、それぞれガベージ コレクションと手動メモリ管理のプログラミング言語であり、構文と型システムが異なります。 Golang は Goroutine を通じて同時プログラミングを実装し、C++ はスレッドを通じて同時プログラミングを実装します。 Golang のメモリ管理はシンプルで、C++ の方がパフォーマンスが優れています。実際の場合、Golang コードはより簡潔であり、C++ には明らかにパフォーマンス上の利点があります。

Golang フレームワーク アーキテクチャの学習曲線はどれくらい急ですか? Golang フレームワーク アーキテクチャの学習曲線はどれくらい急ですか? Jun 05, 2024 pm 06:59 PM

Go フレームワーク アーキテクチャの学習曲線は、Go 言語とバックエンド開発への慣れ、選択したフレームワークの複雑さ、つまり Go 言語の基本の十分な理解によって決まります。バックエンドの開発経験があると役立ちます。フレームワークの複雑さが異なると、学習曲線も異なります。

Golangでリストからランダムな要素を生成するにはどうすればよいですか? Golangでリストからランダムな要素を生成するにはどうすればよいですか? Jun 05, 2024 pm 04:28 PM

Golang でリストのランダムな要素を生成する方法: rand.Intn(len(list)) を使用して、リストの長さの範囲内でランダムな整数を生成し、その整数をインデックスとして使用して、リストから対応する要素を取得します。

golangフレームワークの長所と短所の比較 golangフレームワークの長所と短所の比較 Jun 05, 2024 pm 09:32 PM

Go フレームワークは、その高いパフォーマンスと同時実行性の利点で際立っていますが、比較的新しい、開発者エコシステムが小さい、一部の機能が欠けているなどの欠点もあります。さらに、急速な変化と学習曲線はフレームワークごとに異なる場合があります。 Gin フレームワークは、効率的なルーティング、組み込みの JSON サポート、強力なエラー処理機能により、RESTful API を構築するための一般的な選択肢です。

Golang フレームワークでのエラー処理のベスト プラクティスは何ですか? Golang フレームワークでのエラー処理のベスト プラクティスは何ですか? Jun 05, 2024 pm 10:39 PM

ベスト プラクティス: 明確に定義されたエラー タイプ (エラー パッケージ) を使用してカスタム エラーを作成する 詳細を提供する エラーを適切にログに記録する エラーを正しく伝播し、非表示または抑制しないようにする コンテキストを追加するために必要に応じてエラーをラップする

golang フレームワーク ドキュメントの使用手順 golang フレームワーク ドキュメントの使用手順 Jun 05, 2024 pm 06:04 PM

Go フレームワークのドキュメントを使用するにはどうすればよいですか?ドキュメントの種類を決定します: 公式 Web サイト、GitHub リポジトリ、サードパーティのリソース。ドキュメントの構造 (入門書、詳細なチュートリアル、リファレンス マニュアル) を理解します。必要に応じて情報を見つけます。組織構造または検索機能を使用します。用語と概念を理解する: 新しい用語と概念を注意深く読んで理解します。実際のケース: Beego を使用して単純な Web サーバーを作成します。その他の Go フレームワークのドキュメント: Jin、Echo、Buffalo、Fiber。

See all articles