83/100 Dias de Golang - Criação de gráficos com go-echarts
Table of Contents
#
Criação de gráficos com go-echarts
Sempre que pensamos em geração de gráficos a primeira solução que vem a cabeça é o Python e sua infinidade de bibliotecas, procurando algumas opções a isso encontrei várias soluções escritas em Go. Temos vários pacotes, alguns abandonados, outros arquivados e os dois que parecem se destacar são: go-echarts e Gonum Plot. Gostei da abordagem do go-echarts e resolvi seguir com ele. Essa lib é um wrapper da biblioteca JavaScript Apache ECharts. Para instalar, podemos criar um projeto e executar:
go get -u github.com/go-echarts/go-echarts/v2/...
Veja esse exemplo de um gráfico de barras:
package main
import (
"os"
"github.com/go-echarts/go-echarts/v2/charts"
"github.com/go-echarts/go-echarts/v2/opts"
)
func main() {
bar := charts.NewBar()
// Títulos do eixo X
bar.SetGlobalOptions(
charts.WithTitleOpts(opts.Title{Title: "Acessos ao blog"}),
)
bar.SetXAxis([]string{"Jan", "Fev", "Mar", "Abr", "Mai"}).
AddSeries("Acessos", []opts.BarData{
{Value: 12},
{Value: 17},
{Value: 22},
{Value: 33},
{Value: 32},
})
f, _ := os.Create("bar.html")
bar.Render(f)
}
O gráfico será gerado dentro do arquivo bar.html e tem essa cara:
São inúmeros tipos de gráficos, a documentação da biblioteca é muito boa!
Esse código foi retirado da documentação, só dei uma resumida nele. Mas veja que legal o gráfico que é gerado dele:
package main
import (
"io"
"os"
"github.com/go-echarts/go-echarts/v2/charts"
"github.com/go-echarts/go-echarts/v2/components"
"github.com/go-echarts/go-echarts/v2/opts"
)
var (
bar3DRangeColor = []string{
"#313695", "#4575b4", "#74add1", "#abd9e9", "#e0f3f8",
"#fee090", "#fdae61", "#f46d43", "#d73027", "#a50026",
}
bar3DHrs = [...]string{
"12a", "1a", "2a", "3a", "4a", "5a", "6a", "7a", "8a", "9a", "10a", "11a",
"12p", "1p", "2p", "3p", "4p", "5p", "6p", "7p", "8p", "9p", "10p", "11p",
}
bar3DDays = [...]string{"Saturday", "Friday", "Thursday", "Wednesday", "Tuesday", "Monday", "Sunday"}
)
func genBar3dData() []opts.Chart3DData {
bar3DDays := [][3]int{
{0, 0, 5}, {0, 1, 1}, {0, 2, 0}, {0, 3, 0}, {0, 4, 0}, {0, 5, 0},
{0, 6, 0}, {0, 7, 0}, {0, 8, 0}, {0, 9, 0}, {0, 10, 0}, {0, 11, 2},
{0, 12, 4}, {0, 13, 1}, {0, 14, 1}, {0, 15, 3}, {0, 16, 4}, {0, 17, 6},
{0, 18, 4}, {0, 19, 4}, {0, 20, 3}, {0, 21, 3}, {0, 22, 2}, {0, 23, 5},
{1, 0, 7}, {1, 1, 0}, {1, 2, 0}, {1, 3, 0}, {1, 4, 0}, {1, 5, 0},
{1, 6, 0}, {1, 7, 0}, {1, 8, 0}, {1, 9, 0}, {1, 10, 5}, {1, 11, 2},
{1, 12, 2}, {1, 13, 6}, {1, 14, 9}, {1, 15, 11}, {1, 16, 6}, {1, 17, 7},
{1, 18, 8}, {1, 19, 12}, {1, 20, 5}, {1, 21, 5}, {1, 22, 7}, {1, 23, 2},
{2, 0, 1}, {2, 1, 1}, {2, 2, 0}, {2, 3, 0}, {2, 4, 0}, {2, 5, 0},
{2, 6, 0}, {2, 7, 0}, {2, 8, 0}, {2, 9, 0}, {2, 10, 3}, {2, 11, 2},
{2, 12, 1}, {2, 13, 9}, {2, 14, 8}, {2, 15, 10}, {2, 16, 6}, {2, 17, 5},
{2, 18, 5}, {2, 19, 5}, {2, 20, 7}, {2, 21, 4}, {2, 22, 2}, {2, 23, 4},
{3, 0, 7}, {3, 1, 3}, {3, 2, 0}, {3, 3, 0}, {3, 4, 0}, {3, 5, 0},
{3, 6, 0}, {3, 7, 0}, {3, 8, 1}, {3, 9, 0}, {3, 10, 5}, {3, 11, 4},
{3, 12, 7}, {3, 13, 14}, {3, 14, 13}, {3, 15, 12}, {3, 16, 9}, {3, 17, 5},
{3, 18, 5}, {3, 19, 10}, {3, 20, 6}, {3, 21, 4}, {3, 22, 4}, {3, 23, 1},
{4, 0, 1}, {4, 1, 3}, {4, 2, 0}, {4, 3, 0}, {4, 4, 0}, {4, 5, 1},
{4, 6, 0}, {4, 7, 0}, {4, 8, 0}, {4, 9, 2}, {4, 10, 4}, {4, 11, 4},
{4, 12, 2}, {4, 13, 4}, {4, 14, 4}, {4, 15, 14}, {4, 16, 12}, {4, 17, 1},
{4, 18, 8}, {4, 19, 5}, {4, 20, 3}, {4, 21, 7}, {4, 22, 3}, {4, 23, 0},
{5, 0, 2}, {5, 1, 1}, {5, 2, 0}, {5, 3, 3}, {5, 4, 0}, {5, 5, 0},
{5, 6, 0}, {5, 7, 0}, {5, 8, 2}, {5, 9, 0}, {5, 10, 4}, {5, 11, 1},
{5, 12, 5}, {5, 13, 10}, {5, 14, 5}, {5, 15, 7}, {5, 16, 11}, {5, 17, 6},
{5, 18, 0}, {5, 19, 5}, {5, 20, 3}, {5, 21, 4}, {5, 22, 2}, {5, 23, 0},
{6, 0, 1}, {6, 1, 0}, {6, 2, 0}, {6, 3, 0}, {6, 4, 0}, {6, 5, 0},
{6, 6, 0}, {6, 7, 0}, {6, 8, 0}, {6, 9, 0}, {6, 10, 1}, {6, 11, 0},
{6, 12, 2}, {6, 13, 1}, {6, 14, 3}, {6, 15, 4}, {6, 16, 0}, {6, 17, 0},
{6, 18, 0}, {6, 19, 0}, {6, 20, 1}, {6, 21, 2}, {6, 22, 2}, {6, 23, 6},
}
for i := 0; i < len(bar3DDays); i++ {
bar3DDays[i][0], bar3DDays[i][1] = bar3DDays[i][1], bar3DDays[i][0]
}
ret := make([]opts.Chart3DData, 0)
for _, d := range bar3DDays {
ret = append(ret, opts.Chart3DData{
Value: []interface{}{d[0], d[1], d[2]},
})
}
return ret
}
func bar3DBase() *charts.Bar3D {
bar3d := charts.NewBar3D()
bar3d.SetGlobalOptions(
charts.WithTitleOpts(opts.Title{Title: "basic bar3d example"}),
charts.WithVisualMapOpts(opts.VisualMap{
Calculable: opts.Bool(true),
Max: 30,
Range: []float32{0, 30},
InRange: &opts.VisualMapInRange{Color: bar3DRangeColor},
}),
charts.WithGrid3DOpts(opts.Grid3D{
BoxWidth: 200,
BoxDepth: 80,
}),
)
bar3d.SetGlobalOptions(
charts.WithXAxis3DOpts(opts.XAxis3D{Data: bar3DHrs}),
charts.WithYAxis3DOpts(opts.YAxis3D{Data: bar3DDays}),
)
bar3d.AddSeries("bar3d", genBar3dData())
return bar3d
}
func main() {
page := components.NewPage()
page.AddCharts(
bar3DBase(),
)
f, err := os.Create("bar3d.html")
if err != nil {
panic(err)
}
page.Render(io.MultiWriter(f))
}
Veja que legal o resultado desse código: