Echarts学习宝典
1,可以使用百度图说中的图表代码复制到option中,还可在百度图说中以可视化的方式编辑数据,调整参数和编辑样式。(也可借助百度图说更改部分样式)
2,借助网站 https://echarts.baidu.com/echarts2/doc/example/themeDesigner.html# 快速查看需要的属性和配置
3,数据格式化定制:formatter:"{a}
{b}:{c}({d}%)" ---需要什么写什么
a(系列名称),b(数据项名称),c(数值),d(饼图:百分比 | 雷达图:指数名称)
4,辅助线只有3.x的版本支持;拖拽重新计算功能只有2.x的版本支持。
5,avoidLabelOverlap:防止标签重叠
6,使用地图图表时,需要先下载并引入该地图,如:显示中国地图,则先下载中国地图,并引入China.js的script,Echarts中有地图下载
7,展示多个表,并表和表之间有联动时: 分别配置多个表,并通过connect关联起来,进行联动。如:echarts.connect([myChart1,myChart2]);
8,自定义主题:(1)下载主题;(2)引用主题JS文件;(3)初始化主题
官网还可自定义
9,异步加载数据或更新时:可借助loading,使交互性更好。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!