ECharts と golang チュートリアル: さまざまな統計グラフを作成するための実践的なヒント

ECharts と golang チュートリアル: さまざまな統計グラフを作成するための実践的なヒント。具体的なコード例が必要です。

はじめに

データ分析と視覚化の分野では、統計チャートは非常に重要なツールです。複雑なデータを直感的で理解しやすい形式に変換できるため、データの理解と分析が向上します。 ECharts は強力なオープンソース JavaScript グラフ作成ライブラリであり、golang は使いやすく効率的なプログラミング言語です。両者を組み合わせることで、より効率的に各種統計図を作成することができます。

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

準備

始める前に、ECharts と golang がインストールされていることを確認してください。 ECharts は公式 Web サイト (https://echarts.apache.org/) からダウンロードして使用でき、golang は公式 Web サイト (https://golang.org/) からダウンロードしてインストールできます。

実践的なヒント 1: ヒストグラムの作成

ヒストグラムは、異なるカテゴリ間のデータを比較するために使用される一般的なタイプの統計グラフです。以下は、ECharts と golang を使用してヒストグラムを作成するサンプル コードです。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>//引入必要的golang依赖包 package main import ( &quot;fmt&quot; &quot;net/http&quot; ) //处理请求的函数 func handler(w http.ResponseWriter, r *http.Request) { //模拟数据 data := [][2]interface{}{ {&quot;类别1&quot;, 100}, {&quot;类别2&quot;, 200}, {&quot;类别3&quot;, 300}, } //生成图表配置项 option := map[string]interface{}{ &quot;tooltip&quot;: map[string]interface{}{ &quot;trigger&quot;: &quot;axis&quot;, }, &quot;xAxis&quot;: map[string]interface{}{ &quot;type&quot;: &quot;category&quot;, &quot;data&quot;: []string{&quot;类别1&quot;, &quot;类别2&quot;, &quot;类别3&quot;}, }, &quot;yAxis&quot;: map[string]interface{}{ &quot;type&quot;: &quot;value&quot;, }, &quot;series&quot;: []map[string]interface{}{ { &quot;type&quot;: &quot;bar&quot;, &quot;data&quot;: []int{100, 200, 300}, }, }, } //生成图表html html := fmt.Sprintf(`&lt;div id=&quot;chart&quot; style=&quot;width:600px;height:400px;&quot;&gt;&lt;/div&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt; var chart = echarts.init(document.getElementById('chart')); chart.setOption(%s); &lt;/script&gt;`, option) //返回html fmt.Fprint(w, html) } func main() { //将处理函数指定为路由处理函数 http.HandleFunc(&quot;/&quot;, handler) //监听端口 http.ListenAndServe(&quot;:8080&quot;, nil) }</pre><div class="contentsignin">ログイン後にコピー</div></div>上記のコードは、ECharts と golang を使用して単純なヒストグラムを作成する方法を示しています。まず、リクエストを処理する関数 handler を定義しました。この関数でいくつかのデータをシミュレートし、グラフを設定するためのさまざまな構成項目を含む option オブジェクトを生成しました。次に、

option

オブジェクトを EChart を含む HTML コードに結合し、最後にブラウザに返します。 上記のコードを実行するには、コマンド go run main.go を使用し、ブラウザで

http://localhost:8080

にアクセスします。結果のヒストグラムを確認できます。

実践的なヒント 2: 円グラフの作成

円グラフは、さまざまなカテゴリの割合を表示するために使用される統計グラフです。以下は、ECharts と golang を使用して円グラフを作成するためのサンプル コードです。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>//引入必要的golang依赖包 package main import ( &quot;fmt&quot; &quot;net/http&quot; ) //处理请求的函数 func handler(w http.ResponseWriter, r *http.Request) { //模拟数据 data := [][2]interface{}{ {&quot;类别1&quot;, 100}, {&quot;类别2&quot;, 200}, {&quot;类别3&quot;, 300}, } //生成图表配置项 option := map[string]interface{}{ &quot;tooltip&quot;: map[string]interface{}{ &quot;trigger&quot;: &quot;item&quot;, &quot;formatter&quot;: &quot;{a} &lt;br/&gt;{b}: {c} ({d}%)&quot;, }, &quot;series&quot;: []map[string]interface{}{ { &quot;name&quot;: &quot;占比&quot;, &quot;type&quot;: &quot;pie&quot;, &quot;radius&quot;: &quot;55%&quot;, &quot;data&quot;: []map[string]interface{}{ { &quot;value&quot;: 100, &quot;name&quot;: &quot;类别1&quot;, }, { &quot;value&quot;: 200, &quot;name&quot;: &quot;类别2&quot;, }, { &quot;value&quot;: 300, &quot;name&quot;: &quot;类别3&quot;, }, }, }, }, } //生成图表html html := fmt.Sprintf(`&lt;div id=&quot;chart&quot; style=&quot;width:600px;height:400px;&quot;&gt;&lt;/div&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt; var chart = echarts.init(document.getElementById('chart')); chart.setOption(%s); &lt;/script&gt;`, option) //返回html fmt.Fprint(w, html) } func main() { //将处理函数指定为路由处理函数 http.HandleFunc(&quot;/&quot;, handler) //监听端口 http.ListenAndServe(&quot;:8080&quot;, nil) }</pre><div class="contentsignin">ログイン後にコピー</div></div>上記のコードは、ECharts と golang を使用して単純な円グラフを作成する方法を示しています。ヒストグラムを作成するコードと同様に、リクエストを処理する関数 handler を定義し、いくつかのデータをシミュレートし、option オブジェクトを生成しました。ここの series 構成アイテムには、円グラフのデータとスタイルを定義するために使用される pie タイプ シリーズが含まれています。最後に、

option

オブジェクトを EChart を含む HTML コードに結合し、ブラウザーに返します。 上記のコードを実行するには、コマンド go run main.go を使用し、ブラウザで

http://localhost:8080

にアクセスします。生成された円グラフを確認できます。

結論

この記事では、ECharts と golang を使用してさまざまな種類の統計グラフを作成する方法を紹介し、具体的なコード例を示します。これらの実践的なヒントを活用すると、データ分析と視覚化作業をより効率的に実行できます。もちろん、ECharts と golang にはさらに多くの機能と使用法があり、さらに学習して探索することができます。

###この記事が、ECharts と golang を使用して統計グラフを作成する際に役立つことを願っています。 ###

以上がECharts と golang チュートリアル: さまざまな統計グラフを作成するための実践的なヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。