ECharts和golang實踐指南: 製作各種類型的統計圖表
隨著數位時代的到來,資料的價值愈發得到重視。然而,數據的價值只存在於其分析和利用之中。為了更好地分析數據,圖表是不可或缺的工具之一。在本文中,我們將介紹如何使用ECharts和golang這兩個著名工具,製作各種類型的統計圖表。
準備工作
首先,我們需要準備好ECharts和golang的環境。
ECharts是一個基於JavaScript的開源資料視覺化程式庫,具有良好的互動性和動態效果,支援多種圖表類型。我們可以透過以下兩種方式安裝ECharts:
<script src="/path/echarts.min.js"></script>
data := []int{120, 200, 150, 80, 70, 110, 130}
var chart = echarts.init(document.getElementById('chart')); var option = { title: { text: '柱状图' }, tooltip: {}, xAxis: { data: ['A', 'B', 'C', 'D', 'E', 'F', 'G'] }, yAxis: {}, series: [{ name: '数据', type: 'bar', data: data }] }; chart.setOption(option);
xData := []string{"2010", "2011", "2012", "2013", "2014", "2015", "2016"} yData := []int{120, 200, 150, 80, 70, 110, 130}
var chart = echarts.init(document.getElementById('chart')); var option = { title: { text: '折线图' }, tooltip: {}, xAxis: { data: xData }, yAxis: {}, series: [{ name: '数据', type: 'line', data: yData }] }; chart.setOption(option);
data := []struct { Value float64 `json:"value"` Name string `json:"name"` }{ {Value: 335, Name: "A"}, {Value: 310, Name: "B"}, {Value: 234, Name: "C"}, {Value: 135, Name: "D"}, {Value: 1548, Name: "E"} }
var chart = echarts.init(document.getElementById('chart')); var option = { title: { text: '饼图' }, tooltip: {}, series: [{ name: '数据', type: 'pie', radius: '50%', data: data, roseType: 'angle' }] }; chart.setOption(option);
以上是ECharts和golang實務指南: 製作各種類型的統計圖表的詳細內容。更多資訊請關注PHP中文網其他相關文章!