Go go-echarts 怎样构造柱状图的数据系列
go-echarts构造普通分类柱状图时,用SetXAxis提供有序分类,每个指标整理成一份[]opts.BarData,再通过AddSeries加入图表。最关键的约定是:同一位置的数据项对应同一个分类。系列名称描述指标,不能代替分类轴标签。
官方包地址:https://pkg.go.dev/github.com/go-echarts/go-echarts/v2/charts。以下示例固定依赖v2.7.3,使用NewBar、SetXAxis和AddSeries组织两组数据,不涉及Dataset或自定义维度映射。
先把每个系列对齐到同一组分类
以三个仓库的入库、出库件数为例:分类轴依次是仓库甲、仓库乙、仓库丙,入库系列依次是24、17、31,出库系列依次是19、15、26。这里的“按位置对齐”是数据模型约定,不是渲染后再猜测标签的技巧。

categories保存统一顺序;inbound与outbound分别保存入库件数和出库件数。分类位置i决定要读取哪一个仓库,两份数值也读取位置i。这种方式适合少量、清晰、共享分类轴的业务对比。
为什么数据整理要放在图表配置之前
假设数据库分别返回两份聚合结果,一份按仓库名称排序,另一份按数量排序。如果直接把数值追加到两个系列,虽然长度相同,柱子却可能对应不同仓库。图表只能展示收到的数据,不能推断两次查询的业务关联。
更稳妥的组织方式是先确定完整的分类顺序,再按照这个顺序读取每个指标。使用map汇总时,也应按统一分类列表取值,避免把map遍历顺序当作展示顺序。缺失记录是零、未知还是应报错,需要由业务明确决定。
用BarData构造两组对比数据
新目录先创建Go模块,已有模块跳过初始化。把下面完整代码保存为main.go后运行,即可尝试生成HTML文件。示例中的仓库与数值均为演示数据,不是实际业务记录。
# 只在新的空目录中初始化模块 go mod init example.com/warehouse-bar # 固定本文采用的依赖版本 go get github.com/go-echarts/go-echarts/v2@v2.7.3
package main
import (
"fmt"
"log"
"os"
"github.com/go-echarts/go-echarts/v2/charts"
"github.com/go-echarts/go-echarts/v2/opts"
)
// makeBars 保留输入顺序,并为每个分类构造一个数值项。
func makeBars(values []int) []opts.BarData {
data := make([]opts.BarData, len(values))
for i, value := range values {
data[i] = opts.BarData{Value: value}
}
return data
}
func run() error {
// 每个位置代表同一个仓库;两组数值采用相同计量单位。
categories := []string{"仓库甲", "仓库乙", "仓库丙"}
inbound := []int{24, 17, 31}
outbound := []int{19, 15, 26}
if len(categories) == 0 ||
len(inbound) != len(categories) ||
len(outbound) != len(categories) {
return fmt.Errorf("分类不能为空,各系列长度必须与分类一致")
}
// 一个AddSeries表示一个业务指标,而不是一个分类。
bar := charts.NewBar()
bar.SetGlobalOptions(charts.WithTitleOpts(opts.Title{
Title: "仓库收发数量",
}))
bar.SetXAxis(categories).
AddSeries("入库件数", makeBars(inbound)).
AddSeries("出库件数", makeBars(outbound))
// 生成HTML文件;浏览器显示还依赖ECharts脚本资源。
file, err := os.Create("warehouse-bar.html")
if err != nil {
return fmt.Errorf("创建HTML失败: %w", err)
}
renderErr := bar.Render(file)
closeErr := file.Close()
if renderErr != nil {
return fmt.Errorf("生成图表HTML失败: %w", renderErr)
}
if closeErr != nil {
return fmt.Errorf("关闭HTML文件失败: %w", closeErr)
}
return nil
}
func main() {
if err := run(); err != nil {
log.Fatal(err)
}
}
opts.BarData中的Value承载单项数值,makeBars只做类型适配,保留输入顺序。SetXAxis传入categories,两个AddSeries分别追加“入库件数”和“出库件数”。图表对象charts.Bar承载这些配置;Render将配置组织进输出,而不是在Go进程中直接生成PNG位图。
# 在main.go所在模块目录生成示例HTML go run .
预期得到warehouse-bar.html。用浏览器打开时,还需要页面依赖的ECharts脚本资源能够加载;文件成功生成不代表浏览器端资源已经成功加载。本文没有执行示例,也没有截取页面,配图仅解释数据结构。
哪些写法会造成分类与数值错位
第一个反例是为每个仓库创建一个只含单值的AddSeries,这会把仓库变成指标系列,偏离“同一分类比较入库和出库”的目标。第二个反例是给BarData.Name填仓库名,却让分类轴保留另一种顺序,期待库自动按名称连接。本文采用显式分类轴和标量值,不依赖这种隐式匹配。
第三个反例是两份数值分别排序。若需要按入库量排列,应先排序完整的仓库业务记录,再一起构造分类、入库和出库切片。仅检查长度无法发现这种语义错位。
这种组织方式带来的取舍
把数据整理与图表配置分开后,图表函数更容易复用,业务层也能独立判断缺失值和单位。但这种方式要求调用方维护一个统一分类顺序;数据维度很多时,手动维护平行切片会增加出错机会,可考虑先用业务结构体保存记录,再一次性投影出所需切片。
本例按普通分组柱状图组织系列,没有配置堆叠。若要表达合计组成,堆叠是另一项展示决策,不应仅因系列数量增加就自动开启。另外,入库“件数”与出库“金额”不是相同单位,不能只更改系列名称就放在同一数值尺度上比较。
添加新系列前确认什么
| 对象 | 承担什么 | 容易混淆的地方 |
|---|---|---|
| SetXAxis | 分类列表及顺序 | 不负责合并业务查询 |
| AddSeries名称 | 指标含义 | 不是单个仓库名称 |
| []opts.BarData | 系列中的数据项 | 数值顺序须和分类一致 |
| Render | 输出图表HTML | 不是PNG编码接口 |
只有一组数值怎么办?
保留分类轴,只调用一次AddSeries即可,不必人为增加空系列。
缺失分类能直接补零吗?
只有业务含义确实是“数量为零”时才这样做。未知值不能因为画图方便就当成零;先处理数据定义,再选择展示方式。
新增第三个指标需要改分类轴吗?
若它覆盖同一批分类,只需按相同顺序构造第三份BarData并追加系列。若出现新分类,应统一扩展分类列表,同时补齐或重新定义已有系列的对应项。
手机壁纸提示词:青柠色磨砂玻璃中封存的白色海螺
- 上一篇
- 手机壁纸提示词:青柠色磨砂玻璃中封存的白色海螺
- 下一篇
- Go go-echarts 怎样把多个图表放进同一页面
-
- Golang · Go教程 | 39分钟前 |
- Go gofpdf 怎样用MultiCell绘制自动折行文本
- 202浏览 收藏
-
- Golang · Go教程 | 41分钟前 |
- Go gofpdf 怎样嵌入UTF8字体输出中文PDF
- 473浏览 收藏
-
- Golang · Go教程 | 59分钟前 | go ·
- Go go-echarts 怎样为图表配置缩放组件
- 466浏览 收藏
-
- Golang · Go教程 | 1小时前 |
- Go go-echarts 怎样把多个图表放进同一页面
- 494浏览 收藏
-
- Golang · Go教程 | 1小时前 | Go教程 · Go 图例 Chart go-chart ContinuousSeries
- Go go-chart 怎样给多个序列添加图例
- 487浏览 收藏
-
- Golang · Go教程 | 1小时前 |
- Go go-chart 怎样为图表设置时间轴
- 310浏览 收藏
-
- Golang · Go教程 | 1小时前 |
- Go go-chart 怎样把数值序列渲染为PNG折线图
- 154浏览 收藏
-
- Golang · Go教程 | 1小时前 |
- Go go-colorful 怎样生成具有区分度的配色集合
- 492浏览 收藏
-
- Golang · Go教程 | 1小时前 | Go教程 · Go HCL go-colorful 颜色混合 BlendHcl
- Go go-colorful 怎样在HCL空间混合两种颜色
- 389浏览 收藏
-
- Golang · Go教程 | 1小时前 | Go教程 · Go 十六进制颜色 go-colorful Lab
- Go go-colorful 怎样把十六进制颜色转换为Lab坐标
- 344浏览 收藏
-
- Golang · Go教程 | 2小时前 |
- Go go-shp 怎样把点数据写成Shapefile
- 371浏览 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 485次学习
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集,涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用,助力提升NLP模型性能。
- 801次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
- 792次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
- 880次使用
-
- HELM
- 深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
- 850次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
- 681次使用
-
- Java 性能优化上线清单:从定位、改造到灰度发布
- 2026-06-11 860浏览
-
- Spring Boot 压测验证:Gatling、JMeter 与性能回归门禁
- 2026-06-11 843浏览
-
- Java NMT 非堆内存排查:Direct Buffer、线程栈与 Metaspace 分析
- 2026-06-11 826浏览
-
- Spring Boot 容器内存优化:JVM 堆、非堆与 MaxRAMPercentage
- 2026-06-11 809浏览
-
- Tomcat 连接与线程参数调优:maxThreads、acceptCount 与 KeepAlive
- 2026-06-11 792浏览

