EChartsとgolang実践ガイド：多彩な統計グラフ作成テクニック-Golang-php.cn

EChartsとgolang実践ガイド：多彩な統計グラフ作成テクニック

王林

リリース： 2023-12-17 14:09:35

オリジナル

777 人が閲覧しました

ECharts和golang实践指南: 制作多样化的统计图表技巧

ECharts と golang 実践ガイド: 多様な統計グラフ作成のヒント

はじめに:

インターネットの発展とデータの爆発的な増加に伴い、統計データの視覚化はあらゆる分野で不可欠な部分になっています。データの視覚化により、データをより直観的に理解して分析できるようになり、意思決定の精度と効率が向上します。データ視覚化ツールの中でも、ECharts は強力で使いやすいオープンソースの統計グラフライブラリであり、golang は効率的で簡潔かつ強力なプログラミング言語です。この記事では、ECharts と golang を使用して多様な統計グラフを共同作成する方法と、具体的なコード例を紹介します。

ECharts ライブラリのインストール

まず、ECharts ライブラリをインストールする必要があります。 EChartsの公式Webサイトには詳細なインストールチュートリアルが用意されており、自社の開発環境に応じて適切なインストール方法を選択できます。一般に、ECharts スクリプトファイルを HTML に導入するだけで使用を開始できます。

基本的な統計グラフの作成

次に、ヒストグラムを例に、ECharts と golang を使用して基本的な統計グラフを作成する方法を紹介します。まず、ページ内に

要素を作成し、次に JavaScript コードを使用して ECharts インスタンスを初期化し、描画するグラフのタイプとデータソースを指定する必要があります。 golang では、ECharts が提供する RESTful API を使用してチャート構成情報を生成できます。具体的なコードは次のとおりです。

package main

import (
    "fmt"
    "github.com/chenjiandongx/go-echarts/charts"
    "net/http"
)

func main() {
    bar := charts.NewBar()
    bar.AddXAxis([]string{"A", "B", "C", "D", "E"})
    bar.AddYAxis("Category", []int{10, 20, 30, 40, 50})

    http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {
        page := charts.NewPage()
        page.Add(bar)
        page.Render(writer)
    })

    err := http.ListenAndServe(":8080", nil)
    if err != nil {
        fmt.Println("Failed to start server:", err)
    }
}

ログイン後にコピー

上記のコードでは、ヒストグラムインスタンスを作成し、X 軸と Y 軸のデータを指定しました。次に、リクエストをリッスンしてグラフをページにレンダリングする HTTP サーバーを作成しました。

高度な統計グラフ

基本的なヒストグラムに加えて、ECharts は折れ線グラフ、円グラフ、レーダーチャートなど、他の多くの種類の統計グラフもサポートしています。。 ECharts と golang を使用すると、これらの高度な統計グラフを簡単に作成できます。以下は、折れ線グラフを作成するためのサンプルコードです。

package main

import (
    "fmt"
    "github.com/chenjiandongx/go-echarts/charts"
    "net/http"
)

func main() {
    line := charts.NewLine()
    line.AddXAxis([]string{"Mon", "Tue", "Wed", "Thu", "Fri"})
    line.AddYAxis("Series", []int{10, 20, 30, 40, 50})

    http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {
        page := charts.NewPage()
        page.Add(line)
        page.Render(writer)
    })

    err := http.ListenAndServe(":8080", nil)
    if err != nil {
        fmt.Println("Failed to start server:", err)
    }
}

ログイン後にコピー

上記のコードでは、折れ線グラフのインスタンスを作成し、X 軸と Y 軸のデータを指定します。次に、グラフをページにレンダリングします。

カスタムスタイルとアニメーション

基本的なグラフの構築に加えて、ECharts は豊富なスタイルとアニメーション効果もサポートしています。 ECharts が提供する API を使用すると、色、サイズ、フォントなどのグラフのスタイルを簡単にカスタマイズできます。同時に、ECharts はチャートをより鮮やかで魅力的なものにするためのさまざまなアニメーション効果も提供します。以下は、スタイルとアニメーションをカスタマイズするためのサンプルコードです。

package main

import (
    "fmt"
    "github.com/chenjiandongx/go-echarts/charts"
    "net/http"
)

func main() {
    line := charts.NewLine()
    line.AddXAxis([]string{"Mon", "Tue", "Wed", "Thu", "Fri"})
    line.AddYAxis("Series", []int{10, 20, 30, 40, 50})
    line.SetGlobalOptions(charts.WithTitleOpts(opts.Title{
        Title:    "Custom Title",
        Subtitle: "Custom Subtitle",
    }))

    http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {
        page := charts.NewPage()
        page.Add(line)
        page.Render(writer)
    })

    err := http.ListenAndServe(":8080", nil)
    if err != nil {
        fmt.Println("Failed to start server:", err)
    }
}

ログイン後にコピー

上記のコードでは、WithTitleOpts メソッドを使用してグラフのタイトルをカスタマイズします。 ECharts が提供する他の API を使用すると、さまざまなスタイルやアニメーション効果をカスタマイズすることもできます。

実践概要:

ECharts と golang を組み合わせることで、多様な統計グラフを簡単に作成し、豊富なスタイルとアニメーション効果を提供できます。実際のアプリケーションでは、ECharts や golang が提供する API を使用して、特定のニーズやデータ構造に応じたカスタマイズや拡張を行うことができます。この記事のサンプルコードが読者の参考になり、誰もがデータ視覚化の道をさらに前進できることを願っています。

参考資料: